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Selenium 中 文 释 义 为 “ 硒 ”， 在 化 学 中 是 一 种 非 金属 元 素 。 可 以 用 作 光 人 敏 材料 、 电 解 锰 
行业 催化 剂 等 ， 是 动物 体 必 需 、 对 植物 有 益 的 营养 元 素 。 

本 书 要 介绍 的 Selenium 是 用 于 Web 应 用 程序 的 自动 化 测试 工具 。 基 于 Selenium 的 测试 
用 例会 直接 运行 在 浏览 嚣 中， 就 像 真 正 的 用 户 在 操作 一 样 。 其 支持 的 浏览 器 范围 非常 广泛 ， 
包括 各 个 平台 的 主流 浏览 器 。Selenium 的 主要 功能 包括 : 

1) 功能 性 测试 : 创建 回归 测试 验证 软件 功能 和 用 户 需 求 。 

2) 兼容 性 测试 : 测试 应 用 程序 在 不 同 的 操作 系统 和 不 同 的 浏览 器 中 是 否 运行 正常 。 

A 











值得 注意 的 是 ，Selenium 并 不 适用 于 进行 网 站 后 台 性 能 方面 的 测试 。 但 是 结 
方 工具 ，Selenium 可 被 用 于 对 网 站 前 端 性 能 进行 适当 的 评 佑 。 

Selenium 源 于 ThoughtWorks 公司 ,已 经 在 全 球 范围 内 人 遍地开花。Selenium 能 在 测试 领域 
成 为 一 棵 常 青 树 ， 与 其 开源 性 和 开放 性 密 不 可 分 。 感 谢 开源 先驱 Richard Stallman , 为 我 们 这 
个 世界 带 来 了 开源 运动 这 个 先进 的 理念 并 为 之 奋斗 一 生 。 感 谢 Jason Huggins 为 我 们 创造 了 
Selenium 和 现在 流行 的 对 和 人 式 自动 化 测试 套件 Appium, 

正如 Selenium 的 化 学 特性 一 样 ， 它 作为 测试 领域 的 有 益 元 素 ， 已 经 为 千 千 万 万 的 测试 
人 员 带 来 了 营养 丰富 的 盛 实 ， 滋 养 着 一 代 又 一 代 的 测试 同僚 们 。 


1.2 自动 化 测试 


自动 化 测试 是 把 以 人 为 驱动 的 测试 行为 转化 为 机 噩 执行 的 一 种 过 程 。 手 工 测 试 通常 是 在 
设计 测试 用 例 并 通过 评审 之 后 ， 由 测试 人 员 根据 测 试用 例 中 描述 的 规程 一 步 步 执行 测试 ， 得 
到 实际 结果 并 将 其 与 期 望 结果 进行 比较 。 在 此 过 程 中 ,为 了 节省 人 力 、 时 间或 者 硬件 资源 ， 
提高 测试 效率 ， 便 引入 了 自动 化 测试 的 概念 。 通 过 自动 化 测试 可 以 极 大 地 提升 回归 测试 、 稳 
定性 测试 和 兼容 性 测试 的 工作 效率 ， 在 保障 产品 质量 和 持续 构建 等 方面 起 到 举足轻重 的 作 
用 。 特 别 是 在 敏捷 开发 模式 下 ， 自 动 化 测试 更 是 必 不 可 少 的 步骤 。 

近年 来 ， 测 试 领域 和 几 年 前 相 比 发 生 许 多 令 人 欣喜 的 变化 : 

1) 敏捷 开发 模式 的 盛行 掀起 自动 化 测试 的 一 轮 热 潮 ， 测 试 和 开发 合作 越 来 越 密切 。 

2) 测试 工作 的 技术 性 越 来 越 强 ， 以 往常 见 的 “基于 开源 软件 提升 开发 效率 ”的 模式 也 
被 广泛 应 用 到 测试 工作 中 。 


其 他 第 三 
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3) 组 件 化 、 软 件 产 品 线 开 发 模式 的 进一步 成 熟 ， 开 发 效率 和 测试 效率 随 之 进一步 得 到 
提高 。 

自动 化 测试 相 较 于 手工 测试 的 优势 在 于 : 

1) 自动 化 测试 可 以 完成 某 些 手工 测试 难以 完成 的 工作 ， 如 并 发 测试 、 压 力 测试 等 。 

2) 自动 化 测试 可 以 提高 手工 测试 的 工作 效率 ， 如 执行 具有 多 个 重复 步骤 的 测试 用 例 。 

3) 自动 化 测试 在 敏捷 开发 过 程 中 ， 可 以 快速 验证 代码 修改 的 正确 性 。 

4) 自动 化 测试 和 手工 测试 相辅相成 ， 互 相 促进 。 

实施 自动 化 测试 前 需要 对 软件 开发 过 程 进 行 分 析 ， 以 观察 其 是 否 适 合 使 用 自动 化 测试 。 
通常 需要 满足 以 下 几 个 条 件 : 

1) 需求 变动 不 频繁 。 测 试 脚 本 的 稳定 性 决定 了 自动 化 测试 的 维护 成 本 。 如 果 软 件 需求 
变动 过 于 频繁 ,测试 人 员 需 要 根据 变动 的 需求 来 更 新 测试 用 例 和 相关 的 测试 脚本 ， 而 脚本 的 
维护 本 映 就 是 一 个 代码 开发 的 过 程 ， 需 要 修改 和 调试 ， 必 要 时 还 需要 修改 自动 化 测试 的 框 
架 。 如 果 耗 费 的 成 本 高 于 节省 的 测试 成 本 ， 那 么 自动 化 测试 便 是 失败 的 。 如 果 项 目 中 的 某 些 
模块 相对 稳定 ， 而 某 些 模块 需求 变动 性 很 大 ， 可 以 针对 相对 稳定 的 模块 进行 自动 化 测试 ， 而 
变动 较 大 的 仍 采 用 手工 测试 。 

2) 项 目 周 期 足够 长 。 自 动 化 测试 需求 的 确定 、 框 架 的 设计 、 测 试 脚本 的 编写 和 调试 都 
需要 相当 长 的 时 间 来 完成 ， 这 个 过 程 本 身 就 是 一 个 测试 软件 的 开发 过 程 ， 需 要 较 长 的 时 间 来 
完成 。 如 果 项 目的 周期 比较 短 ， 没 有 足够 的 时 间 去 支持 这 样 一 个 过 程 ， 那 么 自动 化 测试 便 成 
为 笑谈 。 

3) 自动 化 测试 脚本 可 重复 使 用 。 如 果 费 尽心 血 开 发 了 一 套 近 乎 完美 的 自动 化 测试 脚 
本 ， 而 脚本 的 重复 使 用 率 很 低 ， 致 使 期 间 所 耗费 的 成 本 大 于 所 创造 的 经 济 价值 ， 自 动 化 测试 
便 成 为 了 测试 人 员 的 练 手 之 作 ， 而 并 非 是 真正 可 产生 效益 的 测试 手段 。 

4) 手工 测试 无 法 完成 的 测试 工作 。 某 些 测 试 采 用 手工 的 方式 无 法 完成 ， 或 者 需要 投入 
大 量 时 间 与 人 力 ， 此 时 就 可 以 考虑 引入 自动 化 测试 ， 如 性 能 测试 、 配 置 测试 、 兼 容 性 测试 、 
大 数据 量 输入 测试 等 。 

目 动 化 测试 虽然 有 如 此 多 的 优势 ， 那 是 不 是 意味 着 自动 化 测试 就 是 “ 包 治 百 病 ” 的 软 
件 “ 银 弹 ” 呢 ? 有 些 人 可 能 会 有 如 下 误区 : 

1) 自动 化 测试 是 一 种 比 人 工 测试 更 先进 、 更 高 级 的 测试 手段 。 自 动 化 测试 既 有 自身 的 
优点 ， 也 有 其 局 限 性 。 例 如 对 于 需求 不 明确 ， 或 者 界面 经 常 发 生变 动 的 产品 就 不 适合 使 用 自 
动 化 测试 。 自 动 化 测试 与 手工 测试 的 关系 应 该 是 相辅相成 ， 互相 弥补 各 上 自 的 局 限 性 ， 相 互 
促进 。 

2) 所 有 的 手工 测试 都 应 该 被 100% 的 自动 化 。 一 味 片面 地 追求 自动 化 率 ， 不 仅 软件 的 
质量 得 不 到 提高 ， 而 且 还 会 让 测试 人 员 疲 于 奔 命 ， 投 入 和 产 出 的 性 价 比 很 低 。 有 不 少 负面 测 
试 束 只 能 通过 手工 测试 的 方式 完成 并 进行 验收 。 目 动 化 测试 不 是 万 能 的 ， 需 要 根据 实际 情况 
引入 并 有 的 放 矢 地 设 定 其 覆盖 率 。 

3) 自动 化 测试 能 够 发 现 大 量 的 缺陷 ， 它 比 手工 测试 更 有 效 。 实 际 情 况 是， 自动 化 测试 
只 能 发 现 30% 以 下 的 软件 缺陷 ， 而 手工 测试 反而 能 发 现 更 广泛 且 很 深层 次 的 问题 。 自 动 化 
测试 在 回归 测试 时 可 以 节省 很 多 时 间 并 快速 验收 ， 但 这 并 不 意味 着 其 发 现 问题 的 能 力 比 手工 
测试 更 强 。 单 从 发 现 缺陷 的 角度 而 言 ， 自 动 化 测试 的 效率 低 于 手工 测试 。 
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4) 即使 一 次 性 的 软件 项 目 也 应 该 采用 自动 化 测试 。 自 动 化 测试 的 投入 成 本 ， 至 少 要 在 
好 几 个 发 布 版 本 之 后 才能 体现 其 价值 。 因 此 对 于 一 次 性 的 软件 项 目 ， 应 该 避免 采用 自动 化 测 
试 方案 。 

5) 自动 化 测试 只 是 测试 工程 师 的 事情 ， 与 开发 人 员 没 有 关系 。 在 软件 开发 过 程 中 ， 首 
先 需 要 考虑 软件 本 身 的 可 测试 性 。 如 果 开 发 人 员 一 开始 就 不 把 软件 的 可 测试 性 考虑 进来 ， 会 
导致 开发 的 软件 难以 测试 ， 其 至 无 法 实现 自动 化 测试 。 

6) 商业 自动 化 测试 工具 更 靠 谱 ， 一 定 要 选用 商业 自动 化 测试 工具 。 就 自动 化 测试 工具 
而 言 ， 测 试 团队 应 该 根据 自身 实际 情况 来 选择 自动 化 测试 工具 。 商 业 自 动 化 测试 工具 有 技术 
团队 进行 支持 ， 遇 到 问题 也 许 能 尽快 得 到 文 持 。 但 是 如 果 有 特殊 的 需求 ， 这 类 软件 往往 没有 
自由 的 可 定制 功能 。 而 开源 自动 化 测试 工具 由 于 源 代 码 都 是 开放 的 ， 如 果 团 队 有 特殊 的 定制 
需求 ， 可 以 由 测试 团队 自行 修改 开源 自动 化 测试 工具 来 满足 团队 需要 。 

















1.3 Web 自动 化 测试 








当前 绝 大 多 数 企业 应 用 都 是 基于 Web 的 应 用 系统 ， 人 们 可 以 通过 Web 浏览 器 便捷 地 访 
问 它 们 。 现 在 炙手可热 的 “ 云 计 算 ” 大 潮 也 将 这 一 趋势 推 向 了 高 潮 。 很 多 组 织 和 公司 采用 
持续 改进 的 开发 模式 来 应 对 这 种 趋势 ， 并 采用 自动 化 测试 来 适应 这 种 高 强度 的 持续 开发 的 模 
式 。 相 较 传 统 桌面 软件 的 自动 化 测试 ，Web 自动 化 测试 指 的 是 Web 应 用 系统 从 用 户 界 面 层 
面 进 行 的 自动 化 测试 ， 通 过 用 户 界 面 测试 内 部 的 业务 罗 辑 。Web 自动 化 测试 的 自身 特点 
如 下 : 

1) Web 页 面 上 出 现 的 元 素 可 能 具有 不 确定 性 。 

2) 不 同 操作 系统 上 不 同 Web 浏览 器 之 间 的 兼容 性 。 

3) Web 应 用 的 高 并 发 性 和 容错 性 。 

4) 移动 设备 上 的 Web 客户 端 兼容 性 、 旋 转 性 和 各 种 触摸 特性 。 

Web 自动 化 测试 一 直 都 不 是 一 件 容易 的 事情 。 尤 其 是 在 研发 团队 广泛 采用 UI 框架 和 敏 
捷 开 发 来 提升 交付 效率 的 今天 ，Web 自动 化 测试 变 得 愈 发 困难 ; 未 来 随 着 Web 组 件 式 开发 
技术 和 云 计 算 技 术 的 逐渐 成 熟 和 落地 ， 又 会 对 Web 自动 化 测试 提出 怎样 的 挑战 ? Web 开发 
过 程 中 UI 框架 的 广泛 采用 极 大 提高 了 开发 效率 和 用 户 体验 ， 也 从 技术 的 角度 保障 了 敏捷 开 
发 的 鞍 勃 发 展 。 然 而 UI 框架 自动 生成 的 海量 页 面 源 码 却 让 原本 就 举步维艰 的 Web. 自动 化 测 
试 变 得 雪上 加 霜 : 测试 脚本 的 维护 成 本 更 大 、 回 放 稳 定性 更 差 、 断 言 更 困难 。Web 组 件 式 
框架 的 采用 可 以 让 用 户 非 常 容易 地 印 载 、 替 换 软 件 的 部 分 模块 。 原 本 是 个 “整体 ”的 软件 
被 “分 解 ” 之 后 可 支持 灵活 组 装 。 我 们 又 该 如 何 保障 按照 模块 依赖 关系 组 装 出 的 所 有 软件 
版 本 都 是 可 用 的 呢 ? 云 计算 又 能 为 Web 自动 化 测试 带 来 哪些 机 遇 呢 ? 关于 Web 自动 化 测 
试 ， 有 如 此 多 的 问题 摆 在 我 们 面前 ， 就 让 我 们 勇敢 地 去 面 对 和 迎接 这 些 新 的 挑战 吧 。 
























































1.4 Selenium 的 前 世 今生 





早 在 2004 年 ，Jason Huggins 还 供职 于 ThoughtWorks 公司 。 他 当时 正在 开发 公司 内 部 的 时 
间 和 费用 系统 ， 该 系统 使 用 了 大 量 的 Javascript 代码 来 进行 构建 。 虽 然 当 时 Internet Explorer 还 
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占有 绝对 的 统治 地 位 ， 但 是 ThoughtWorks 公司 内 部 有 不 少 员工 在 使 用 其 他 类 型 的 浏览 
尤其 是 Mozilla 基金 会 的 浏览 器 。 当 员工 使 用 不 同 的 浏览 器 访问 这 个 时 间 和 费用 系统 时 ， 一 
旦 发 现 异常 ， 就 会 提交 Bug 报告 。 当 时 的 开源 测试 工具 一 般 只 文 持 占 主 流 地 位 的 Internet Ex- 
plorer 浏览 器 ， 或 者 仅仅 只 是 模拟 浏览 锅 的 行为 ， 如 HttpUnit。 购 买 商业 工具 授权 的 成 本 对 
于 这 个 小 型 项 目的 有 限 预 算 而 言 也 不 太 现 实 。 

正 是 在 这 样 的 情况 下 ，Jason Huggins 和 他 所 在 的 团队 决定 自主 开发 一 个 基于 浏览 器 并 且 
采用 JavaScript 编程 语言 的 测试 工具 。Selenium 自动 化 测试 工具 自 此 诞生 ， 并 且 在 2004 年 基 
于 Apache 2. 0 开源 协议 对 外 发 布 ， 正式 命名 为 Selenium Core。 

Selenium Core 的 设计 之 初 并 不 能 绕 过 浏览 器 的 “ 同 源 ” 规 则 ， 因 此 开发 人 员 不 得 不 将 
待 测试 的 产品 Selenium Core 和 测试 脚本 均 部 署 到 同一 台 服 务 器 上 来 完成 自动 化 测试 工作 。 
但 在 实际 研发 过 程 中 ， 将 上 述 各 项 分 拆 在 不 同 的 机 需 上 运行 的 需求 却 与 日 俱 增 。 为 了 解决 这 
个 问题 ，Jason Huggins 所 在 的 研发 团队 编写 了 HTTP 代理 ， 以 让 Selenium 截获 所 有 的 HTTP 
请 求 。 使 用 HTTP 代理 的 优势 之 一 就 是 可 以 绕 过 浏览 器 的 “ 同 源 ” 规 则 ， 让 待 测试 的 产品 、 
Selenium Core 和 测试 脚本 三 者 分 散在 不 同 的 机 器 上 。 此 外 ， 这 个 代理 的 设计 方式 还 使 得 采用 
多 语言 编写 Selenium 测试 脚本 的 能 力 成 为 可 能 ， 因 为 测试 脚本 只 需要 关心 将 标准 的 HTTP 请 
求 发 送 到 指定 的 URL 即 可 ， 而 Selenium 本 身 并 不 需要 关心 这 些 HTTP 请 求 是 由 什么 程序 语 
言 编写 而 成 。 正 是 由 于 这 种 离散 的 分 布 方 式 使 得 测试 脚本 可 以 远程 控制 浏览 器 并 执行 测试 用 
例 ，Selenium Remote Control 也 因此 得 名 ， 也 可 简称 为 Selenium RC, Selenium RC 主要 包括 两 
个 部 分 : 一 个 是 Selenium RC Server; 另 一 个 是 提供 各 种 编程 语言 绑 定 的 客户 端 驱动 。 

时 间 一 晃 就 到 了 2007 年 年 初 ，ThoughtWorks 公司 发 布 了 酝酿 已 久 的 WebDriver 雏形 。 
WebDriver 的 设计 理念 是 将 端 到 端的 测试 与 底层 具体 的 测试 工具 隔离 开 ， 并 采用 了 设计 模式 
中 常见 的 适 配 需 (Adapter) 模式 来 达到 目标 。 

Selenium RC 与 WebDriver 最 为 显著 的 差异 体现 在 API 的 组 织 上 。Selenium RC 采用 了 基 
于 字典 方式 的 API， 而 WebDriver 的 API 则 更 加 地 面向 对 象 。 此 外 ，Selenium Core (Selenium 
RC 的 核心 ) 基本 上 是 JavaScript 应 用 ， 主 要 运行 在 浏览 器 的 安全 沙 箱 中 。 而 WebDriver 则 是 
原生 绑 定 到 浏览 器 中 并 绕 开 了 浏览 器 的 安全 模型 ， 其 代价 就 是 框架 本 身 的 开发 投入 显著 增 
加 ， 每 个 浏览 器 的 WebDriver 都 需要 单独 实现 。 

常言 道 ， 合 久 必 分， 分 和 久 必 合 。 历 史 的 车 轮 运转 到 公元 2009 年 8 H, Selenium RC 和 
WebDriver 项 目 宣布 合并 ， 也 就 是 后 来 大 家 熟知 的 Selenium. WebDriver。 合 并 以 后 ，WebDriv- 
er 也 支持 了 多 语言 绑 定 ， 克 服 了 最 初 只 支持 Java 绑 定 的 缺 聊 。 同 时 Selenium WebDriver 除了 
支持 PC 上 传统 的 浏览 器 Chrome, Firefox, Internet Explorer, ELFKA REA EXT Web- 
kit 内 核 的 浏览 器 ， 包 括 Android, iOS 上 的 浏览 器 等 。 






















































































1.5 Selenium 1 


Selenium 1 即 我 们 所 熟知 的 Selenium RC。 其 已 经 为 众多 的 测试 机 构 和 部 门 服役 了 多 年 并 
贡献 卓越 。Selenium RC 的 典型 使 用 方式 如 下 : 

1) 测试 人 员 基 于 客户 端 驱动 所 提供 的 APT 来 编写 测试 用 例 脚 本 。 

2) 测试 程序 打开 浏览 器 ， 此 时 Selenium RC Server 绑 定 Selenium Core 并 自动 将 它 能 入 
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到 浏览 器 中 。Selenium Core 实际 上 是 一 系列 JavaScript 函数 ， 它 们 使 用 浏览 器 内 置 的 JavaS- 
cript 翻译 需 来 翻译 和 执行 Selense Command, 

3) 客户 端 驱动 持续 执行 测试 用 例 脚 本 并 发 送 特定 的 命令 到 Selenium RC Server。 这 些 特 
定 的 命令 即 Selense Command, 

4) Selenium RC Server 解释 Selense Command， 并 触发 Selenium Core 执行 对 应 的 JavaS- 
cript 代码 来 完成 相应 操作 。 

5) 浏览 器 上 所 有 的 请 求 和 响应 都 通过 Selenium RC 的 HTTP 代理 与 实际 的 Web 应 用 服 
务 器 进行 交互 ， 并 且 Selenium RC 一旦 收 到 响应 就 将 页 面 传递 给 浏览 器 。 但 它 会 算 改 源 ， 使 
得 页 面 看 上 去 好 像 来 自 于 与 Selenium Core 同 源 的 服务 器 (这样 Selenium Core 就 遵循 了 同 源 
规则 ) 。 

6) 浏览 器 接收 到 Web 页 面 后 ， 便 在 框架 或 者 窗口 中 展示 页 面 。 

但 毕竟 事物 都 有 更 新 换代 的 阶段 ，Selenium 1 也 不 例外 。 正 所 谓 老 树 发 新 芽 ，Selenium 
2 就 是 从 Selenium 1 这 棵 历史 老 树 上 发 出 的 新 芽 。 和 截至 目前 ，Selenium 1 还 继续 被 维护 并 提 
供 一 些 Selenium 2 尚 不 支持 的 功能 ， 如 某 些 编程 语言 的 支持 和 某 些 浏览 髓 的 支持 。 因 此 ， 为 
了 避免 大 量 的 基于 Selenium 1 的 测试 架构 和 代码 被 遗弃 ，Selenium 团队 提供 了 一 种 折 中 的 方 
式 来 让 基于 Selenium 1 的 测试 架构 和 代码 能 继续 发 挥 余 热 。 

某 些 使 用 Selenium 多 年 的 公司 和 机 构 ， 希望 能 够 继续 维护 基于 Selenium RC 的 测试 集 
合 ， 并 继续 添加 新 的 测试 代码 ; 但 是 还 有 一 部 分 使 用 Selenium 多 年 的 公司 和 机 构 ， 他 们 和 希 
望 能 将 基于 Selenium RC 的 测试 代码 迁移 到 WebDriver 上 来 ， 让 那些 老 旧 但 成 熟 的 代码 和 测 
试 集合 重新 焕发 新 生 。 本 书 在 5.5 节 展 示 了 如 何 从 Selenium RC 迁移 已 有 代码 到 WebDriver 
的 解决 方案 。 



































1.6 Selenium 2 





Selenium 2 的 主要 新 特性 就 是 将 WebDriver API 集成 进 Selenium RC， 从 而 解决 Selenium 
1 所 面临 的 一 系列 局 限 性 问题 。WebDriver 的 创建 者 Simon Stewart 曾 在 WebDriver 和 Selenium 
社区 中 回答 了 合并 的 原因 : 

“WebDriver 和 Selenium 为 什么 会 合并 ? 究 其 根本 ， 是 WebDriver 和 Selenium 可 以 互相 弥 
补 对 方 的 缺点 。 而 且 ，Selenium 开源 项 目的 资助 者 们 也 希望 两 者 可 以 合并 。 我 认为 这 种 合并 
方式 就 是 用 户 可 以 获取 的 最 好 的 组 合 架构 方式 。” 

WebDriver 5 Selenium RC 合并 的 结晶 就 是 Selenium 2。 其 API 的 设计 非常 精巧 ， 既 易于 
理解 又 易于 拓展 。Selenium 2 不 与 任何 的 测试 框架 绑 定 ， 这 样 便于 与 其 他 测试 工具 进行 集 
成 ， 如 JUnit 或 TestNG 等 。 

WebDriver 的 实现 和 具体 的 浏览 器 相关 ， 包 括 HtmlUnit Driver, Firefox Driver, Chrome 
Driver, Internet Explorer Driver 等 。 

1) HtmlUnit Driver; HtmlUnit Driver 是 目前 运行 速度 最 快 和 最 轻 量 级 的 WebDriver 实现 。 正 
如 其 名 字 所 体现 的 ，HtmlUnit Driver 基于 HtmlUnit， 优 点 是 纯 Java 实现 ， 所 以 容易 跨 平 台 使 用 。 

2) Firefox Driver; Firefox Driver 是 最 容易 配置 和 使 用 的 WebDriver 为 所 有 的 准备 工 
作 都 伴随 Java 语言 绑 定 的 客户 端 被 打包 在 一 起 。 只 要 下 载 WebDriver Java Client Driver 就 能 
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fe fii FE] Firefox WebDriver。 

3) Chrome Driver; Chrome Driver 是 针对 Google Chrome 浏览 器 开发 的 WebDriver， 因 此 
其 跨 平台 性 也 是 非常 的 优异 。 

4) Internet Explorer Driver: Internet Explorer Driver 只 能 运行 在 Windows 操作 系统 上 相 
较 于 Firefox Driver 和 Chrome Driver， 其 运行 速度 略 显 缓慢 。 

Selenium 2 相 较 于 Selenium 1 还 有 一 个 重要 变化 ， 用 户 可 以 通过 WebDriver 来 测试 手机 
应 用 ， 无 论 在 模拟 器 上 还 是 真实 设备 上 。 这 是 在 Selenium 1 时 代 无 法 实现 的 功能 。 


























1.7 Selenium 3 


在 本 书 撰写 之 际 ，Selenium 3 也 已 经 由 Selenium 团队 提 上 议程 ， 并 正在 紧锣密鼓 地 开发 
中 。 据 悉 ，Selenium 3 会 移 除 原 有 的 Selenium Core 的 实现 部 分 ， 并 且 Selenium RC 的 API 也 
将 被 去 掉 。 其 他 一 些 变化 包括 但 不 限于 以 下 内 容 : 

1) 所 有 的 Driver 在 消息 响应 中 统一 使 用 状态 字符 串 ， 而 不 是 状态 码 ， 这 样 更 容易 辨识 。 

2) 为 基于 Html 格式 的 测试 集合 提供 一 个 新 的 运行 器 ， 特 别 是 针对 Selenium IDE 所 导出 
的 Html 测试 集合 。 其 原理 是 基于 WebDriver-backed 的 RC 实现 。 

3) 将 Selenium 3 的 分 支 和 包含 Selenium RC 的 代码 分 支 分 开 进 行 编译 打包 。 

4) 在 WebDriver quit () 方法 之 后 如 果 还 使 用 WebDriver， 则 会 报错 : IllegalStateExcep- 
tons 

5) 对 WebDriver quit () 方法 的 多 次 调用 也 是 允许 的 。 

6) 重 构 WebDriver AFAN KAC 

7) 架构 迁移 到 Netty 或 者 Webbit 服务 器 上 。 
































1.8 Selenium IDE 


Selenium IDE 的 优点 如 下 : 

1) 录制 功能 快捷 方便 ， 上 手 快 。 

2) 代码 转换 功能 易 用 ， 容 易 生 成 其 他 编程 语言 的 测试 用 例 代码 。 

3) 支持 路 域 。 

4) 不 依赖 Java 运行 时 环境 。 

Selenium IDE 的 缺点 如 下 : 

1) 录制 回复 方式 的 稳定 性 和 可 靠 性 有 限 。 

2) 只 支持 Mozilla Firefox。 

3) 只 支持 Selense Command 语言 ， 虽 然 可 以 导出 成 其 他 编程 语言 的 测试 用 例 。 
4) 对 于 复杂 的 页 面 逻辑 其 处 理 能 力 有 限 。 








1.9 Selenium Grid 





Selenium Grid 运用 多 个 机 品 同 时 并 列 运行 ， 目 的 在 于 加 快 测试 用 例 运 行 的 速度 ， 从 而 减 
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少 测试 运行 的 总 时 间 。 对 于 大 型 测试 套件 和 需要 处 理 海 量 数据 验证 的 测试 套件 ，Selenium 
Grid 毫 无 疑问 可 以 节约 大 量 时 间 。Selenium Grid 的 另 一 个 优势 在 于 可 以 通过 节省 测试 时 间 而 
更 快 地 将 测试 结果 返还 给 开发 人 员 。 越 来 越 多 的 软件 开发 团队 运用 敏捷 开发 方式 ， 他 们 希望 
在 最 短 时 间 内 获得 测试 人 员 的 测试 结果 而 不 是 在 漫漫 长 夜中 等 待 着 测试 通过 。 

Selenium Grid 还 可 被 用 于 在 多 种 运行 环境 中 进行 测试 ， 即 并 行 测试 多 种 浏览 需 。 当 测试 
套件 运行 起 来 时 ，Selenium Grid 会 接收 到 每 个 测试 用 例 及 其 对 应 浏览 器 的 组 合 信息 ， 并 分 配 
每 个 测试 用 例 去 测试 其 对 应 浏览 

除 此 之 外 ， 对 于 相同 类 型 和 版 本 的 浏览 器 来 建立 测试 矩阵 也 是 可 行 的 。Selenium Grid 的 
使 用 相当 灵活 ， 以 上 所 列举 的 并 行 测试 浏览 器 的 例子 也 可 结合 起 来 使 用 ， 用 于 测试 每 种 类 型 
和 版 本 的 浏览 器 的 多 个 实例 。 

Selenium Grid 包含 一 个 Hub 和 至 少 一 个 Node, Hub 会 接收 到 即将 被 执行 的 测试 用 例 及 
其 相关 信息 ， 即 测试 用 例 将 在 哪 种 浏览 器 和 操作 系统 上 运行 。Hub 将 记录 每 个 “注册 过 ” 
的 Node 的 配置 信息 ， 并 能 通过 这 些 信息 自动 选择 可 用 的 且 符 合 浏览 器 与 平台 搭配 要 求 的 
Node, Node 被 选中 后 ， 测 试用 例 所 调用 的 Selenium 命令 就 会 被 发 送 至 Hub, Hub 再 将 这 些 
命令 发 送 到 指定 给 该 测试 用 例 的 Node。 随 即 Node 开始 启动 浏览 器 ， 并 执行 这 些 Selenium fi 
令 对 指定 的 Web 程序 或 Native 程序 进行 测试 。 
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随 着 Android, iOS, Raspberry Pi, Firefox OS, Ubuntu Phone OS, Sailfish OS 这 一 系列 的 
BRARRRFA MERRIE, ACTAS FR ME REEE CA CE f E ABO GB 
多 样 化 。 同 一 个 网 站 ， 如 果 需 要 在 这 么 多 种 不 同 平台 的 设备 上 都 能 够 通过 Web 方式 正常 访 
问 ， 其 兼容 性 测试 极 具 挑 成 性 。 而 Selenium 正在 成 为 这 场 百 家 争鸣 没有 硝烟 的 战争 中 极 具 
竞争 力 的 测试 工具 和 手段 。 

能 入 式 设备 中 ， 尤 其 是 需要 在 手机 设备 上 测试 Web 应 用 程序 ， 一 直 以 来 都 是 采用 手工 
测试 的 方式 。 而 Selenium WebDriver 赋予 了 我 们 采用 自动 化 方式 来 测试 戏 入 式 设 备 上 基于 浏 
览 需 应 用 的 能 力 ， 可 谓 一 代 神 器 。WebDriver 使 得 测试 人 员 能 够 方便 地 编写 自动 化 测试 代码 
以 确保 自己 的 网 站 除了 在 PC 上 ， 还 能 在 手机 上 通过 浏览 锅 正 常 访问 。 

WebDriver 为 手机 设备 提供 了 专门 针对 触摸 屏 的 API， 因 此 可 以 让 测试 程序 模拟 人 通过 
手指 操作 触摸 屏 的 真实 动作 ， 如 单 击 、 触 划 、 滚 动 、 长 按 等 有 别 于 普通 PC 上 用 鼠标 操作 的 
特殊 行为 。 此 外 ， 还 可 以 让 测试 程序 对 屏幕 上 的 内 容 进 行 旋转 ， 以 及 与 HTMLS 的 特性 进行 
交互 ， 如 本 地 存储 、 会 话 存 储 和 应 用 程序 缓存 等 。 

本 书 会 基于 Android, iOS 和 Raspberry Pi 这 几 个 平台 为 例 来 讲解 Selenium ERARE A 
上 的 使 用 。 









































1. 11 Selenium 与 云 计 算 


迎 着 云 计算 普及 的 春风 ， 并 配合 Selenium Grid， 基 于 Selenium 来 完成 云端 的 测试 已 经 变 
得 可 行 。 除了 可 以 测试 传统 桌面 系统 上 的 Web 应 用 ， 还 可 以 将 欢 入 式 设 备 放 到 云 计 算 平台 





4-44 


4-44 


基于 Selenium 2 的 自动 化 测试 一 一 从 入 门 到 精通 





中 来 完成 自动 化 测试 工作 。 其 优势 在 于 资源 的 合理 调配 ， 并 且 能 够 尽 可 能 多 地 解决 测试 多 种 
不 同 操作 系统 类 型 或 者 不 同 尺寸 屏幕 的 兼容 性 问题 。 特 别 是 现在 热门 的 Android 平台 和 108 
平台 ， 它 们 都 有 相应 的 模拟 器 程序 ， 使 得 在 云 中 进行 测试 变 得 可 行 。 

基于 Selenium 且 比 较 流 行 的 云 测试 平台 当 属 Sauce Labs， 它 是 一 个 提供 自动 化 功能 测试 
的 云 测试 服务 公司 。 而 其 创始 者 兼 首 席 技 术 官 就 是 Selenium 的 创始 人 Jason Huggins， 可 见 
Sauce Labs 的 技术 实力 非 同 一 般 。 虽 然 Selenium 在 Web 自动 化 测试 方面 有 得 天 独 厚 的 优势 
一 一 兼容 性 测试 ， 可 以 涵盖 多 个 操作 系统 上 的 不 同 版 本 的 多 种 浏览 器 ， 但 要 完成 如 此 庞大 规 
模 的 兼容 性 测试 ， 就 需要 保留 与 兼容 性 矩阵 所 含 格子 一 样 多 的 虚拟 机 。 这 对 于 小 团队 而 言 ， 
维护 如 此 庞大 规模 的 虚拟 机 并 不 现实 。Sauce Labs 正 是 基于 这 样 的 需求 应 运 而 生 。 对 于 初创 
队 而 言 ， 他 们 可 以 在 云端 去 完成 兼容 性 矩阵 的 测试 而 不 需要 自己 购买 大 量 的 硬件 并 自行 维 
护 成 千 上 万 台 测 试 虚拟 机 。 

为 了 应 对 和 通信 式 系统 的 大 量 普 及 ， 尤 其 是 Android M iOS, Jason Huggins 又 再 一 次 开发 
TEIRA RRA HAF WebDriver 的 自动 化 测试 框架 Appium， 并 且 开 源 托管 在 GitHub 上 。 
本 书 也 会 针对 Appium 的 使 用 展示 WebDriver 的 魅力 所 在 。Appium 除了 可 以 支持 Web 应 用 ， 
还 可 以 支持 原生 的 app 程序 和 Hybrid ( 即 Web 和 原生 app 的 混搭 模式 ) app 的 测试 。 这 也 是 
Sauce Labs 针对 网 入 式 设备 所 提供 的 云端 测试 解决 方案 。 
































1.12 小 结 


本 章 从 自动 化 测试 的 特点 、Web 自动 化 的 独 有 特性 娓 九 道 来 ， 引 出 了 主角 Selenium, M 
Selenium 的 前 身 介 绍 到 Selenium 的 现状 ， 让 大 家 对 Selenium 有 一 个 初步 的 认识 。 虽 然 其 发 展 
JERA EROI, HEA TREERE. EAMA RE, Selenium 已 
然 功成名就 ， 并 将 继续 引领 时 代 潮 流 。 
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牛刀 小 试 之 Selenium IDE 





2.1 简 介 


Selenium IDE 最 初 是 由 Shinya Kasatani 基于 Firefox 浏览 器 开发 出 来 的 一 个 插件 。 它 可 以 
调用 JavaScript 脚本 并 与 浏览 需 的 DOM 对 象 进行 交互 ， 为 脚本 开发 、 修 改 测试 用 例 提供 了 方 
便 灵活 的 接口 。 

录制 功能 是 Selenium IDE 的 一 个 重要 特性 。 它 允许 开发 或 测试 人 员 录 制 需 要 进行 测试 的 
业务 流程 ， 保 存 用 户 在 测试 过 程 中 的 操作 ， 使 测试 用 例 的 回放 能 够 完全 模拟 用 户 的 测试 过 
程 。 此 外 ,， 它 还 提供 了 校 验 和 验证 接口 ,方便 测试 人 员 校 验 测试 的 期 望 值 与 实际 值 是 否 
相符 。 








2.2 安装 Selenium IDE 


1. 下 载 Mozilla Firefox 浏览 器 
在 开始 学 习 本 章 之 前 应 确保 机 絮 已 经 正确 安装 了 Mozilla Firefox H Kiro WRA, P 
到 以 下 网 址 下 载 最 新 版 本 的 Firefox 浏览 


https: //www.mozilla. org/firefox 


2. 下 载 Selenium IDE 
可 到 Selenium 的 官方 下 载 页 面 ( 见 图 2.1) 下 载 Firefox W Và ds HJ Selenium IDE 插件 。 

网 址 如 下 所 示 : 
http: //docs. seleniumhq. org/download/ 

插件 名 字 类 似 于 以 xpi 为 扩展 名 的 文件 ， 如 selenium-ide. xpi; 

3. 安装 Selenium IDE 

如 果 是 使 用 Firefox 浏览 器 下 载 该 文件 ， 下 载 完成 后 Firefox 浏览 器 会 自动 安装 该 插件 。 
如 果 使 用 其 他 浏览 器 下 载 该 文件 ， 那 么 将 xpi 文件 直接 拖 入 某 个 打开 的 Firefox 浏览 器 也 可 以 
进行 安装 。 在 Firefox 浏览 器 中 安装 Selenium IDE 插件 会 遇 到 图 2. 2 所 示 的 提示 ,确认 安装 
即 可 。 

4. Selenium IDE 安装 成 功 

在 Firefox 浏览 器 中 成 功 安装 Selenium IDE 之 后 ， 会 在 Tools 菜单 中 出 现 Selenium IDE 选 
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ja Downloads 





@ docs.seleniumhq.org/download/ 


g SeleniumHQ 


Browser Automation 





Downloads 


Below is where you can find the latest releases of all the Selenium comp 
list of previous releases, source code, and additional information for Mav 
popular Java build tool). 


Selenium Downloads 


Latest Releases 





Previous Releases 


Selenium IDE 


Selenium IDE is a Firefox plugin which records and plays back us: 
Use this to either create simple scripts or assist in exploratory testi 


Source Code 


Maven Information 


Donate to Selenium some sort of Page Object-y structure for any kind of resiliency. 


with Google Checkout 


$ |Enter Amount| 





Download latest released version 2.4.0 released on 16/Sep/2013 


Download version under development unreleased (currently disabled) 


Selenium Server (formerly the Selenium RC Server) 


The Selenium Server is needed in order to run either Selenium RC style 


Webdriver ones. The 2.x server is a drop-in replacement for the old Sele 


with PayPal N ; A RO, 
= = designed to be backwards compatible with your existing infrastructure. 
L Aanasta 2 





7m 








2.1 FÆ Selenium IDE 





A, Install add-ons only from authors whom you trust. 


Malicious software can damage your computer or violate your privacy. 


You have asked to install the following 5 items: 





Selenium IDE: Ruby Formatters (Author not verified) 
http:/ /release.seleniumhga.org/selenium-ide/2.4.0/selenium-ide-2.4.0.xpi 


Selenium IDE (Author not verified) 
http://release.seleniumhg.org/selenium-ide/2.4.0 /selenium-ide-2.4.0.xpi 
http://release.seleniumhg.org/selenium-ide/2.4.0 /selenium-ide-2.4.0.xpi 


Selenium IDE: C£ Formatters (Author not verified) 
http:/ /release.seleniumhq.org/selenium-ide/2.4.0/selenium-ide-2.4.0.xpi 


Selenium IDE: Java Formatters (Author not verified) 
http:/ /release.seleniumhg.org/selenium-ide/2.4.0/selenium-ide-2.4.0.xpi 





m s Selenium IDE: Python Formatters (Author not verified) 

















[ Cancel J | Install (4) | 








S 








2.2 安装 Selenium IDE 





项 ， 如 图 2. 3 所 示 。 单 击 此 选项 出 现 Selenium IDE 主 界面 ， 如 图 2. 4 所 示 ， 则 说 明 Selenium 
IDE 安装 成 功 。 
M 同样 ， 也 可 以 通过 Firefox 浏览 器 的 工具 栏 上 的 Selenium IDE 快捷 按钮 来 启动 它 ， 如 图 
Y 2.5 所 示 。 
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| Tools | Win dow Help 








Downloads 88] 
Add-ons (38A 
Set Up Sync... 
Greasemonkey > 
Web Developer » 
Page Info 86l 


© Selenium IDE 


EEA 














图 2.3 Selenium IDE 菜单 





日 日 日 


Selenium IDE 2.4.0 


«««««««« 
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Base URL | ”| 








d bs 














Test Case 
Untitled 
4 
à 
+ 
Runs: 0 
Failures: 0 


m;e 























| Reference | Ul-Element | Rollup 


© 
Table sorc ] 
Command | Target | Value 
Command v 
Target Y 
Value 
Info * Clear 




















| 图- Google aj 


图 2.4 Selenium IDE 主 界面 


2.5 Selenium IDE 快捷 按钮 


2.3 Selenium IDE 界面 一 览 


如 图 2.6 PFR, Selenium IDE 的 界面 可 以 算得 上 是 小 清新 类 型 。 接 下 来 逐个 认识 一 下 界 


面 上 的 控件 。 
1. Base URL 


Base URL 是 被 测试 系统 的 初始 URL 地 址 。 


> > 
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ooo Selenium IDE 2.4.0 




















Command 








Target 





| Reference | Ul-Element | Rollup Info * Clear 


6 

















图 2.6 Selenium IDE 各 控件 布局 


2. 工具 栏 
工具 栏 包括 运行 速度 控制 、 运 行 多 个 测试 用 例 、 运 行 单个 测试 用 例 、 暂 停 脚 本 运行 、 单 
步 执行 等 按键 。 
3. 录制 键 
录制 刍 用 于 录制 需要 进行 测试 的 业务 流程 ， 后续 用 于 回放 。 
4. 测试 用 例 
列 出 所 有 的 测试 用 例 集合 
5. 测试 步骤 
列 出 单个 测试 用 例 的 所 有 执行 步骤 ， 每 个 步骤 由 三 个 字段 组 成 ,包括 Command, Target 
和 Value。 
1) Command; Command 下 拉 框 会 列 出 所 有 的 命令 ， 可 以 通过 自动 补 全 的 方式 或 者 下 拉 
框 来 选择 命令 。 
2) Target: Target 文本 框 用 于 输入 定位 网 页 元 素 的 表达 式 。 
3) Value; Value 文本 框 用 于 输入 数值 。 例 如 ， 需 要 在 某 个 文本 框 中 输入 数值 ， 那 么 在 
这 里 输入 即 可 。 
M 4) Find: 当 在 Target 文本 框 中 输入 某 个 网 页 元 素 的 定位 语句 后 ， 可 以 通过 单 击 Find f£ 
钮 在 网 页 中 查找 并 高 亮 该 元 素 。 
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6. 信息 栏 

这 一 部 分 包括 Log, Reference, 、UI-Element 和 
1) Log: 显示 测试 运行 过 程 中 相关 的 日 志 信息 。 

2) Reference: 显示 Command 的 相关 文档 信息 。 

3) Ul-Element: 显示 实际 的 UI 元 素 的 映射 信息 。 

4) Rollup: 显示 Rollup 的 规则 信息 。 









































2.4 创建 测试 用 例 





接 下 来 尝试 通过 Selenium IDE 来 创建 第 一 个 测试 用 例 。 以 百度 的 主页 为 例 ， 步 又 如 下 : 
1) H Firefox 浏览 器 打开 百度 主页 。 地 址 如 下 : 


http: //www. baidu. com 


Text , 


2) 通过 Firefox 浏览 器 的 Tools 菜单 打开 Selenium IDE, 

3) "ub IDE 上 区 域 3 中 的 录制 键 ， 开 始 录 制 测试 用 例 。 

4) 在 百度 主页 的 搜索 框 中 输入 Selenium， 并 单 击 “百度 一 下 ”搜索 按钮 。 

5) 验证 文本 selenium 是 否 在 搜索 结果 列表 中 。 在 网 页 上 单 击 鼠标 右键 并 选择 assert- 
如 图 2. 7 所 示 。 

6) 再 次 单 击 IDE 上 区 域 3 中 的 录制 键 , 停止 录制 测试 用 例 。 














Open Link in New Tab 
Open Link in New Private Window 


Bookmark This Link 
Save Link As... 
Copy Link Location 
Copy 


Search Google for "selenium ide" 
View Selection Source 


Inspect Element 

** Download By Thunder 

"i Inspect Element with Firebug 

open /s?wd-Selenium--test&rsv bp-Ü0&ch-&tn-baidu&bar-&rsv spt-3&ie... 


verifyValue 
assertText css=#3 > tbody > tr > td.c-default > h3.t > a > em selenium 
Show All Available Commands » 


图 2.7 添加 assertText 


这 样 就 完成 了 第 一 个 测试 用 例 的 录制 过 程 。 接 下 来 可 以 通过 单 击 工 具 栏 中 的 “运行 单 





个 测试 用 例 ” 来 回放 已 经 录制 好 的 测试 用 例 。 


IDE 执行 回放 后 的 界面 如 图 2. 8 所 示 。 如 果 没 有 错误 发 生 ， 界 面 会 显示 如 下 内 容 : 
1) 面板 4 中 的 Runs 数值 为 1 H. Failures 为 0。 
2) 面板 5 中 测试 用 例 的 执行 步 又 都 将 呈现 绿色 状态 ， 并 且 assert 语句 为 高 亮 深 绿色 。 

















3) 面板 6 中 信息 栏 的 Log 显示 执行 日 志 信息 ， 而 Reference 显示 单个 Command 的 参考 : 
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000 search-selenium-on-baidu - Selenium IDE 2.4.0 * 
Base URL | http: / /www.baidu.com/ v " 


| Test Case BETTE source | 


SearchSeleniumOnBaidu * | 















































| Command | Target | Value 
[oen y | 
type id=kw selenium | 
; | clickAndWait id-su | 
: jassertText linkeseleni.. selenium ide | 
i L 
| Command | assertText v 
—— — Target linkeselenium ide 'Y | | Find e] 
Runs: 1 Value selenium ide 
Failures: 0 
(tog | Reference | Ul-Element | Rollup ] Info * Clear 








[info] Executing: |type | id=kw | selenium | 

[infa] Executing: |clickAndWait | id-su | | 

[info] Executing: |assertText | linkzselenium ide | selenium ide | 

[info] Executing: |assertText | link-selenium ide | selenium ide | 

[info] Executing: |open | / | | 

[info] Executing: |type | id-kw | selenium | 

[infa] Executing: |clickAndWait | id=su | | y 
[info] Executing: |assertText | linkzselenium ide | selenium ide | [ 


2.8 通过 Selenium IDE 在 百度 中 搜索 字符 串 


如 果 需 要 添加 新 的 Command 到 当前 的 测试 用 例 ， 则 可 以 通过 如 下 步骤 来 达到 目标 : 
1) 选中 需要 在 后 面 添加 Command 的 那个 测试 步骤 。 

2) 单 击 录制 键 打开 录制 功能 ,操作 网 页 完成 动作 。 

3) 单 击 录制 键 完成 当前 录制 ， 则 新 动作 将 作为 新 的 步 又 添加 到 Command 执行 列表 中 。 


2.5 存储 页 面 信息 


通过 Selenium IDE， 可 以 临时 存储 页 面 上 的 数据 并 在 后 续 使 用 该 数据 。 和 常用 的 存储 数据 
的 方法 包括 store 、storeValue 和 storeText。 

下 面 以 soreText 为 例 并 结合 2 4 节 中 的 测试 用 例 来 进行 讲解 。 步 又 如 下 

1) 打开 2.4 节 中 已 经 录制 好 的 测试 用 例 SearchSeleniumOnBaidu。 

2) 选择 测试 用 例 步 又 中 的 最 后 一 行 。 

3) 单 击 鼠 标 右键 弹出 菜单 ， 选 择 In- 



































sert New Command , e -— | Value 
4) 添加 storeText 命令 并 存储 相应 的 文 type id=kw selenium 
clickAndWait id-su 
本 信息 d 如 图 2. 9 所 示 。 storeText link=seleni... storedText 
5) 重复 前 三 个 步骤 至 Insert New Com- echo $storedText} 
了 d 并 添加 ho 命令 今 来 打 印 该 存储 变 FR 量 assertText link-seleni... selenium ide 
y man echo fii 4 7 
T storedText 的 文本 信息 o 图 2.9 添加 storeText 命令 并 存储 相应 的 文本 信息 
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测试 用 例 的 步骤 经 过 调整 后 如 图 2. 10 所 示 。 运 行 日 志 中 出 现 了 echo 命令 的 打印 信息 ， 
正 是 storedText 的 文本 信息 ， 为 selenium ide。 





Mog | Reference | Ul-Element | Rollup | Info * Clear 
[info] Executing: |assertText | linkzselenium ide | selenium ide | 

[info] Executing: |open | / | | 

[info] Executing: |type | id=kw | selenium | 

[info] Executing: |clickAndWait | id=su | | 








ide | storedText | 
[info] Executing: |echo | $(storedText) | | 
[info] echo: selenium ide 


2.10 fi echo TE Log 中 的 打印 信息 














ide | selenium ide | 








器 














2.6 与 AJAX 页 面 进行 交互 


许多 网 页 应 用 中 大 量 使 用 AJAX (Asynchronous JavaScript and XML, 2 JavaScript 和 
XML) 技术 。AJAX 在 浏览 器 与 Web 服务 器 之 间 使 用 异步 数据 传输 HTTP 请 求 ， 这 样 就 可 以 
使 网 页 从 服务 器 请 求 少量 的 信息 ， 而 不 是 整个 页 面 。 

使 用 Selenium IDE 测试 AJAX 页 面 时 会 面临 的 一 个 问题 也 正 是 由 于 AJAX 的 异步 优势 所 
造成 的 。 由 于 请 求 和 从 服务 器 返回 的 数据 是 异步 进行 的 ， 所 以 如 果 没 有 合适 的 等 待机 制 ， 
Selenium IDE 很 容易 因为 没有 得 到 需要 的 数据 结果 而 无 法 正常 执行 步 又 。 下 面 以 jQuery UI 
中 的 autocomplete 这 个 demo 为 例 来 讲解 如 何 使 用 Selenium IDE 与 采用 了 AJAX 技术 的 页 面 进 
行 交互 ， 并 确保 测试 用 例 的 正常 执行 。 待 测试 页 面 地 址 为 

http. // jqueryui. com/autocomplete/ 


这 个 demo 的 功能 展示 了 在 Tags 输入 框 中 输入 英文 首 字 母 ， 则 会 自动 弹出 备 选 编程 语言 
列表 ， 然 后 用 户 可 以 通过 鼠标 或 者 键盘 选择 列表 中 的 字段 后 就 自动 填充 到 Tags 输入 框 中 ， 
如 图 2. 11 所 示 。 











Autocomplete 


Enables users to quickly find and select from a pre-populated list of values as i 
and filtering. 


ActionScript 
AppleScript 





Erlang 
Fortran 
Haskell 
Java 


JavaScript 











图 2. 11 Autocomplete 待 测试 页 面 
使 用 Selenium IDE 完成 该 测试 用 例 的 步骤 如 下 : 
1) 启动 Selenium IDE 并 确保 录制 键 被 按 下 。 
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y 
Y 
y 
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2) 打开 待 测试 页 面 。 








Command ITarget Value = 
3 ) 录制 的 测试 用 例 步 又 如 图 open Jautocomplete/ 
2.12 所 示 。 其 中 waitForText 就 是 为 了 sendKeys id=tags = 
T ^ EE IR HER SE ; waitForText linkzActionScript ActionScript 
解决 AJAX 的 异步 问题 而 采用 的 。 mouseOver link2ActionScript ^ ActionScript 
注意 ， 在 最 新 版 本 的 Selenium cick id=ui-id-2 Actionscript 
IDE 中 有 些 老 旧 的 Command 不 再 支 verifyValue id-tags ActionScript 
Tj, UH waitForTextPresent， 最 新 的 命 图 2. 12 与 AJAX 页 面 进行 交互 的 脚本 


令 为 waitForText， 正 如 上 述 测试 用 例 
的 步骤 中 所 使 用 的 一 样 。 通 过 查看 该 命令 的 Reference 就 可 以 看 到 相关 信息 ， 不 再 支持 的 命 
令 会 标注 出 来 ， 如 图 2. 13 中 所 示 的 This command is deprecated. Use the waitForText command 


with an element locator instead, 


[Log Ul-Element | Rollup ) 





waitForTextPresent(pattern) 
This command is deprecated. Use the waitForText command with an element locator instead 
Generated from isTextPresent(pattern) 

Arguments: 

* pattern - a pattern to match with the text of the page 
Returns: 
true if the pattern matches the text, false otherwise 
Verifies that the specified text pattern appears somewhere on the rendered page shown to the user. 





图 2. 13  waitForTextPresent 的 Reference 信息 


2.7 人 处理 多 窗口 


在 Selenium IDE 中 可 以 处 理 多 个 浏览 器 窗口 。 虽 然 Selenium IDE 并 不 像 本 书后 续 音 节 要 
介绍 的 WebDriver 那么 强大 ,但 























在 测试 用 例 的 步 又 中 使 用 各 种 命令 Sh IE zm 百度 一 下 ， 你 就 知道 I "n 
组 合 和 临时 变量 ， 可 以 让 Selenium (4) & ww baidu.com 
IDE 变 得 更 为 厉害 ， 其 至 可 以 操 作 多 zw [à Firefox prevented this site from opening a pop-up window. 





个 浏览 器 窗 口 的 切换 。 下 例 就 展示 了 
如 何 通过 Selenium IDE 来 完成 一 些 简 
单 的 多 浏览 如 窗口 切换 的 工作 。 当 然 ， 测 试用 例 中 的 步骤 并 不 是 一 次 录制 而 成 ， 而 是 通过 调 
试 修改 而 成 。 

首先 需要 确保 Firefox 浏览 器 允许 pop-up 窗口 的 弹出 ， 否 则 本 示例 无 法 正常 进行 演示 。 
如 果 出 现 如 图 2. 14 所 示 的 提示 信息 ， 则 需要 进行 合理 的 设置 才 铺 d m 

由 于 本 示例 以 百度 主页 为 第 一 窗口 ， 然 后 通过 pop-up 窗口 打开 第 二 个 窗口 ， 因 此 需要 
确保 能 在 百度 主页 的 地 址 中 允许 pop-up 窗口 的 弹出 。 设 置信 息 如 图 2. 15 un 

接 下 来 就 可 以 利用 Selenium IDE 来 操作 多 个 浏览 器 窗口 了 。 具 体 的 测试 用 例 步骤 如 图 
2. 16 所 示 。 

1) Æ Selenium IDE 中 打开 百度 主页 。storeTitle 命令 用 于 将 百度 主页 的 标题 保存 到 变量 i 


图 2.14 Firefox 阻止 网 站 弹出 pop-up 窗口 的 提示 信息 
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,9.0.0 Allowed Sites - Pop-ups 
E o aea A A leise ur Command Target Value 
open http:/ /www.baidu.com 
Address of website: : à 
storeTitle i 
| | openWindow https:/ www.google.com 
Allow. pause 5000 
Site Tee selectWindow Google 
ickAndWait  Iink=images 
storeTitle j 
selectWindow sli} 
clickAndWait link=% Hr 
storeTitle i 
selectWindow sij} 
close i 
selectWindow ${i} 
close L 
| Remove Site | | Remove All Sites | 
2.15 人 允许 网 站 弹出 pop-up 窗口 的 设置 [2.16 Selenium IDE 操作 多 窗口 的 测试 脚本 














中 并 在 后 续 步 又 中 使 用 它 ， 同 时 暂且 定义 这 个 加 载 了 百度 主页 的 活动 窗口 为 父 窗口 。open- 
Window 命令 将 会 在 新 pop-up 的 窗口 中 打开 Google 主页 ， 并 通过 pause 命令 将 Selenium IDE 
的 执行 暂停 5 秒 ， 让 新 pop-up 的 窗口 有 足够 的 时 间 加 载 Google 主页 。 

2) 操作 新 pop-up 的 窗口 ， 但 此 时 还 不 能 直接 对 新 窗口 进行 操作 。 首 先 需 要 通过 se- 
lectWindow 命令 将 新 窗口 选中 ， 定 义 这 个 加 载 了 Google 主页 的 活动 窗口 为 子 窗口 。 

3) H Google 主页 上 的 Images 链接 。 如 果 此 时 需要 在 原来 的 父 窗 口 一 一 百度 主页 上 进 
行 一 些 操作 ， 那 么 首先 需要 将 当前 活动 页 面 的 标题 用 变量 j 保存 起 来 ， 这 样 方便 在 后 续 可 以 
再 次 找到 这 个 子 窗口 并 在 其 中 进行 操作 。 

4) 通过 selectWindow $ (i) 选中 父 窗口 ， 也 就 是 之 前 加 载 了 百度 主页 的 窗口 ， 继 而 单 
d "EDT" BEBE, 

5) 选中 子 窗口 Google Images 并 关闭 该 窗口 ， 再 选中 父 窗口 “百度 图 片 ” 并 关闭 该 父 
窗口 。 

请 确保 在 多 个 浏览 器 窗口 之 间 进 行 切 换 时 ， 先 保存 当前 活动 窗口 的 标题 以 备 后 续 能 再 次 
选中 并 切换 回 该 窗口 。 








2.8 Rollup 的 简介 


Rollup 命令 用 于 将 一 系列 Selenium IDE 中 能 用 的 命令 打包 在 一 起 。 其 在 Selenium IDE 中 
可 以 充当 “奇兵 ”， 因 为 通过 它 可 以 帮 测 试用 例 进 行 “减肥 ”。 接 下 来 以 一 个 实例 来 阐述 它 
的 “特异 功能 ”， 以 网 易 126 邮箱 登录 的 页 面 为 例 ， 如 图 2.17 所 示 。 为 讲解 此 例 ， 特 申请 
126 邮箱 的 测试 账号 供 演示 。 
邮箱 地 址 . http: //www.126. com 
用 户 名 : Seleniumiderollup 
密码 ，rollup123 


场景 1: 
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1) 登录 邮箱 。 

2) 单 击 “ 收 件 箱 ” 文 件 夹 。 

3) 退出 邮箱 。 

场景 2. 

1) 登录 邮箱 。 

2) 单 击 “ 已 发 送 ” 文 件 夹 。 

3) 退出 邮箱 。 

可 以 看 到 ， 用 户 有 两 次 登录 邮箱 的 操作 。 在 不 使 用 
Rollup 功能 的 情况 下 ， 使 用 Selenium IDE 完成 上 述 用 户 场 
景 的 测试 用 例 步骤 如 图 2.18 所 示 。 其 中 登录 的 步骤 显得 有 
ER, 一 共 占 用 了 8 条 命令 。 

在 讲解 Rollup 的 功能 之 前 ， 先 预习 一 下 在 Selenium IDE 
中 如 何 使 用 用 户 自 定义 拓展 文件 。 单 击 Selenium IDE 的 Op- 
tions 菜单 ， 打 开 General 界面 。 用 户 自 定义 拓展 文件 的 添加 
地 方 如 图 2. 19 所 示 。 





eoo 
[2 网 易 邮 箱 5.0 版 [tL 


(a) @ hwwebmail.mail.126.com/js5/main.jsp?s 


126757. 























N 





2.17 126 邮箱 的 “ 收 件 箱 ” 
文件 夹 和 “已 发 送 ” 文 件 夹 








| Command Target | Value 

[open / 

type id-idInput seleniumiderollup 
|type id=pwdInput rollup123 

alick id-loginBtn 

|waitForElementPresent cssespan.nui-tree-item-text 

click cssespan.nui-tree-item-text 

|clickAndWait link= 退 出 

lopen / 

|type id=idinput seleniumiderollup 
|type id2pwdInput rollup123 

| click id -loginBtn 

|waitForElementPresent ^ css-£ mail component 12 12 > span.nui-tree-item-text 

| click css-£& mail camponent 12 12 > span.nui-tree-item-text 


|clickAndWait link= 退 出 














在 Options 页 面 上 ， 有 几 个 选项 需要 注意 : 


1) Default timeout; 默认 情况 下 ，timeout 的 数值 为 30000ms。 这 个 数值 会 影响 Selenium 
IDE 中 脚本 的 执行 时 间 。 可 以 自行 根据 实际 需要 调整 该 数值 。 如 果 某 个 命令 的 执行 时 间 超 


图 2.18 Selenium IDE 不 使 用 Rollup 功能 的 测试 脚本 


时 ， 那 么 在 Log 框 中 会 得 到 如 下 错误 信息 : [eror] Timed out after 30000ms。 


2) Selenium Core extensions: 用 户 可 以 根据 需要 来 拓展 Selenium IDE 功能 ， 其 方法 就 是 
引入 用 户 自 定义 的 拓展 文件 ， 即 user-extension. js， 而 且 必 须 


Browser 按钮 并 选中 需要 添加 的 用 户 拓展 文件 即 可 。 


Yn 
注意 : 


是 以 js 为 扩展 名 的 文件 。 单 击 


在 添加 用 户 自 定义 拓展 文件 之 后 ， 需 要 重新 局 动 Selenium IDE， 否 则 该 改动 无 法 


EUH 


3) Selenium IDE extensions; 用 于 添加 数据 文件 ， 同 样 只 能 解析 以 js 为 扩展 名 的 文件 ， 


并 且 也 需要 重启 Selenium IDE 来 使 其 生效 。 
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0080 Selenium IDE 2.4.0 


L1 http:/ /www.baidu.com/ v 








EZEN Formats | Plugins | Locator Builders | WebDriver — o 








Encoding of test files 
UTF-8 | = 








Default timeout value of recorded command in milliseconds (30s = 30000ms) 








30000 | 





Selenium IDE extensions 





| | | Browse.. | 


Tips for extensions: Close and reopen Selenium IDE window to make changes effect. 
You can specify multiple files separated by commas. 





图 Remember base URL 
C Record assertTitle automatically 
[C Record absolute URL 


C Activate developer tools 





[C Enable experimental features 





C Disable format change warning messages 


图 Start recording immediately on open 


Failu! 








Reset Options | [ Cancel ] [ OK ) | | 


























图 2.19 设置 user-extension. js 的 方式 











4) Remember base URL; 如 果 勾 选 此 项 ，Base URL 会 记 住 最 近 一 次 使 用 的 链接 地 址 。 

5) Record assertTitle automatically; 如 果 勾 选 此 项 ， 在 每 浏览 一 个 网 页 时 ，Selenium IDE 
会 自动 添加 “assertTitle” 命 令 到 测试 脚本 的 步骤 中 。 

6) Record absolute URL; 如 果 勾 选 此 项 ，Selenium IDE 会 记录 网 页 的 绝对 路 径 ， 如 以 
http: 或 者 以 https; 开头 的 链接 地 址 。 

7) Start recording immediately on open; 如 果 勾 选 此 项 ，Selenium IDE 就 会 在 每 次 打开 时 
自动 开启 录制 功能 。 

针对 本 示例 的 用 户 自 定义 拓展 文件 的 user-extension. js 源码 如 下 : 


var manager = new RollupManager( ) ; 


manager. addRollupRule( | 
name ;'logincommands', 
description ;'log in to 126. com', 
args: ], 
commandMatchers:[| ] , 


getExpandedCommands;function(args) | 
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基于 Selenium 2 的 自动 化 测试 一 一 从 入 门 到 精通 
var commands = |]; 


commands. push( | 
command ;'open', 
target ;'http : / /www. 126. com/"/ /126 邮箱 地 址 的 URL 


D); 


commands. push( | 
command ;'type', 
target:'id —idlnput' // 用 户 名 输入 框 的 ia 


value ;'seleniumiderollup' 


DE 


commands. push( | 
command ;'type', 
target;'id 7 pwalnput' /密码 输入 框 的 ia 


$ 


value : 'rollup123' 


commands. push( | 

command :'clickAndWait , 
target ;'id 7 loginBtn' // 登 录 按 钮 的 ia 
DE 


return commands; 


DE 
在 简单 介绍 了 如 何在 Selenium IDE 中 添加 用 户 自 定义 拓展 文件 之 后 ， 再 次 回 到 Rollup 
的 主题 。 
在 Selenium IDE 主 界面 上 添加 rollup 命令 ， 如 图 2. 20 所 示 ， 可 以 看 到 Target 栏 提示 信息 
为 user-extension. js 中 出 现 的 logincommands ， 并 且 可 以 看 到 其 描述 信息 为 log in to 126. com, 





Command | rollup Y 





Target | login Y| | Find | 
| logincommands 
T 





Value 





444 





图 2.20 添加 rollup 命令 
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使 用 Rollup 后 ， 测 试用 例 的 完整 步骤 如 图 2. 21 所 示 。 


Command Target z E . |Walue - 
rollup logincommands 
waitForElementPresent css-span.nui-tree-item-text 


click css-span.nui-tree-item-text 
clickAndWait link= 退 出 


rollup logincommands 


waitForElementPresent css-£ mail component - 7 span.nui-tree-item-text 


click css-£ mail component 12 12 > span.nui-tree-item-text 
clickAndWait link= 退 出 


图 2.21 Selenium IDE 使 用 Rollup 功能 的 测试 脚本 


从 图 2.21 中 可 以 看 到 最 显著 的 差异 在 于 使 用 了 rollup 命令 以 及 Target 为 logincommands ， 
即 user-extension. js 中 定义 的 rollup 规则 。 该 规则 通过 RollupManager 添加 进来 。 

接 下 来 是 信息 栏 的 Rollup， 如 图 2. 22 所 示 。logincommands 的 rollup 操作 实际 上 是 将 以 
下 4 个 步骤 打包 起 来 使 用 : 


打开 126 邮箱 的 主页 . open | http: //www.126.com/ 
输入 用 户 名 : type | id -idlnput | seleniumiderollup 
输入 密码 . type | id =pwdlnput | rollup123 
单 击 登录 按钮 : clickAndWait | id =loginBtn 
这 样 就 确保 了 只 使 用 单独 一 条 logincommands 就 可 以 替代 原先 4 条 命令 需要 完成 的 动作 。 
即使 重复 登录 ， 增 加 的 测试 用 例 的 步 又 也 只 是 多 一 条 rollup 命令 而 已 。 可 见 rollup 功能 在 封 
装 多 条 相同 命令 时 非常 高 效 。 























Log | Reference | Ul-Element [Rollup | 


logincommands 

log in to 126.com 

preconditions: 

postconditions: 

current rollup expands to: 
open | http://www.126.com/ 
type | id-idInput | seleniumiderollup 
type | id-pwdInput rollup123 
clickAndWait | id-loginBtn 














图 2. 22 Rollup 命令 的 详细 步 又 





2.9 小 结 


本 章 从 Selenium IDE 的 起 源 开始 逐步 展开 ， 介绍 了 如 何在 Mozilla Firefox 浏览 右上 安装 
Selenium IDE， 及 其 布局 的 安排 。 接 下 来 从 如 何 创 建 第 一 个 测试 用 例 开始 逐步 引导 大 家 熟悉 
Selenium IDE 各 个 命令 的 使 用 ,包括 如 何 存储 页 面 信息 、 与 AJAX 页 面 进行 交互 ， 以 及 处 理 
多 窗口 的 情况 等 。 最 后 以 Rollup 和 在 Selenium IDE 中 如 何 使 用 用 户 自 定义 拓展 文件 收尾 。 


y 
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第 | 3 | 章 


Selenium 玩 转 页 面 元 素 





3.1 E 人 


在 基于 U 元 素 的 自动 化 测试 中 ， 无 论 基 于 桌面 的 UI 自动 化 测试 ， 还 是 基于 Web 的 UI 
自动 化 测试 ， 对 于 UI 元 素 的 识别 和 查找 均 起 到 了 决定 性 的 作用 。 在 基于 Web 的 UI 自动 化 
测试 领域 ，Selenium 为 查找 Web 页 面 上 的 各 个 UI 元素 提供 了 强 而 有 力 的 支持 。 





3.2 浏览 器 调试 工具 


工 欲 善 其 事 ， 必 先 利 其 嚣 。 查 找 页 面 上 的 元 素 ， 必 须 先 了 解 页 面 的 结构 、 元 素 的 属性 ， 
以 及 JavaScript 函数 调用 等 信息 。 现 代 浏 览 器 都 带 有 方便 的 Web 开发 调试 工具 ， 接 下 来 一 一 
进行 介绍 。 
*3.2.1 Google Chrome 


Google Chrome 浏览 器 自 带 Web 开发 调试 工具 ， 通 过 以 下 两 种 方式 可 以 打开 此 工具 : 
方法 1: 选择 View Developer Developer Tools 菜单 命令 ， 如 图 3. 1 所 示 。 
方法 2: 任意 页 面 上 ， 单 击 鼠 标 右 键 ， 选 择 Inspect Element 菜单 命令 ， 如 图 3. 2 所 示 。 




































" é Chrome File Edit | View | History Bookmarks Window Help |. «M 8f Back 
BBa co | Always Show Bookmarks Bar 个 8B Forward 
图 ceo | Stop x ——— Reload 
€ > QC | https://www] Force Reload This Page OHER ——— 下 二 O( 
Enter Presentation Mode OHF Print... 
Enter Full Screen agr CP Translate to English 
cie iim E O O View Page Source 
oom In + s 
Ze Cut E J | View Page Info L 
Encoding » | e Add To Any.DO > | 
Developer [329 View Source XU € Clearly 
Developer Tools 3%| Evernote Web Clipper — » | 
JavaScript Console XJ a pP, B Search 
f Inspect Element 
"m " 
图 3.1 过 菜单 打开 Developer Tools 图 3.2 通过 鼠标 右键 打开 Developer Tools 





HTML 代码 在 Developer Tools 中 以 树 形 结构 显示 ， 方 便 开 发 人 员 了 解 页 面 的 各 个 元 素 以 

及 它们 的 属性 、DOM 结构 、JavaScript 调用 和 CSS 样式 等 信息 ， 如 图 3. 3 所 示 。 
”下 面 会 探讨 如 何 通过 XPath 来 查找 元 素 ， fH Google Chrome 浏览 器 的 Web 开发 调试 工 
具 就 可 以 很 方便 地 获取 某 个 具体 元 素 的 XPath。 只 需要 将 鼠标 移 向 所 需 查 找 的 元 素 并 单 击 鼠 
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Google 





œ 


Google Search I'm Feeling Lucky 


Advertising Programs Business Solutions Privacy & Terms +Google About Google 





© | Elements | Resources Network Sources Timeline Profiles Audits Console 


<!DOCTYPE html> > Computed StyLj Show inherited 
¥<html itemscope="itemscope" itemtype="http://schema.org/WebPage"> X ERS 4. 
> <head>...</head> Moi 1 tee 
Y <body class="hp" onload="try{if(!google. j.b){document. f&&document. f.q. focus() ; i 
document. gbgf&&document.gbqf.q. focus(); catch(e) (rif (document, images)new Image().src-'/images/nav logo123.png'" 
alink-"£dd4b39" bgcolorz"sfff" id-"gsr" link="#12c" text-"4222" vlink-"£61c" style» } 

















b «div id="pocs" style="display: none; position: absolute;">.„</div> Matched CSS Rules. 

b «div id-"cst"».«/div» .hp 1 www. google. com/ : 9 
«a hrefz"/setprefs?prev-https://www.google. com/&sig-0 ErWnPuIH OXYbK30p8hwZFbHwSc&3D&suggon-2" style="left: height: 1005 
-1000em;position:absolute"-Screen reader users, click here to turn off Google Instant.«/a» min-height: 500px; 
<textarea name="csi" id="csi" style="display:none"></textarea> overflow-y: auto; 
«script»if (google. j.b)document. body. style.visibilityz'hidden';«/script» position: absolute; 

b «div id-"mngb"s..«/div» width: 1005; 


«textarea name-"wgjc" 
«textarea name="wgjs" 
«textarea name-"wgju" i 


id-"wgjc" style-"display:none"»«/textarea» } 
js" style="display:none"></textarea> [: z 
wgju" style-"display:none"»«/textarea» ich html M LAE 
«textarea name-"hcache" id-"hcache" style-"display:none"»«/textarea» ontzeizes- small; 















Pp «div id-"main"»../div» H 
b <script>. “</script> E RI A V LE "RTDT om body 1 www. google. com/ : 9 
HH,» html bodystgsr.hp 014 A1 ** 


图 3.3 HTML 代码 的 树 形 结构 
标 右键 ， 选 择 Copy XPath 即 可 ， 如 图 3. 4 所 示 。 





e | Elements. | Resources Network Sources Timeline ^ Profiles Audits Console 


<div id="gbqfqw" class=" gbqfqw "> 
Y «div id="gbqfqwb" class="gbqfqwc"> 
¥<table cellspacing-"0" cellpadding="0" id-"gs id0" class=" 








Y <tbody> 
¥<tr> 
«td id="gs_ttc0" dir="ltr" style="white-space: nowrap 
"«td id="gs_ttið" cla SENS 





Y «div id-"gs lc" s Add Attribute 





«input id-"gbqf je- 

«div class-'gbq | Force Element State > ground 

«input class-' 'gb ; "off" 

«input class="gb Co EIL Pom 

Eo Copy XPath 

rr Delete Node E 
</tr> | | 
</tbody> | Break on... b 


«/table» | 


Scroll into View 
g,» 24 » | #9b | #gbw | #gbq | #gba2 E Word Wrap " |a 


图 3.4 Æ Chrome 浏览 器 中 获取 页 面 元 素 的 XPath 


在 WebDriver 中 定位 页 面 元 素 是 一 件 很 民意 的 事情 。 针 对 不 同 的 编程 语言 绑 定 ，Web- 
Driver 都 提供 了 两 种 方式 来 定位 页 面 元 素 ， 分 别 是 findElement 和 findElements。 第 一 种 方式 
结果 是 在 正常 情况 下 返回 一 个 页 面 元 素 对 象 , 一旦 出 现 异常 就 会 报错 。 第 二 种 方式 的 结果 
是 在 正常 情况 下 返回 包括 多 个 页 面 元 素 对 象 的 列表 ， 如 果 没 有 任何 一 个 DOM 元 素 能 匹配 此 
次 查询 请 求 ， 则 此 返回 列表 为 空 


*3.2.2 Mozilla Firefox 


Mozilla Firefox 浏览 器 的 Firebug 插件 无 疑 是 Firefox 开发 工具 类 别 中 的 王者 。 获 取 Firebug : 
可 以 有 两 种 方式 : 一 种 方式 是 到 其 官方 主页 下 载 并 添加 到 Firefox 浏览 器 中 ; 另 一 种 方式 是 
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基于 Selenium 2 的 自动 化 测试 一 一 从 入 门 到 精通 
在 Firefox 的 附属 组 件 网 站 上 进行 下 载 。 地 址 分 别 为 


https; //getfirebug. com/ 
https; //addons. mozilla. org/zh-cn/firefox/addon/firebug/ 


f$ Firebug 成 功 安装 后 ， 可 以 在 Tools 菜单 中 找到 Firebug 的 启动 选项 ， 如 图 3. 5 所 示 。 











Downloads 
Add-ons 
Set Up Sync... 
Greasemonkey > 
Web Developer > Firebug > Open Firebug 
Page Info EJ m Firebug Ul Location > 
Selenium IDE ^XS Ogge toos, 
d Web Console XEK Open With Editor » 
Inspector ERE Text Size » 
Debugger X85 Options > 
Style Editor 4F7| Firebug Online > 
" 能 和 样式 里 Profiler 4tF5 Customize Shortcuts 
Newark NSQ E 
Developer Toolbar 全 Fz 
Browser Console 0836) 
Responsive Design View XM | 
Scratchpad 全 F4 
imis | Page Source 3u k*k*k** 
: : 1,579 条 用 户 评论 
rarko, robcee, FirebugWorkinj 
$ ie we - 1 2.282.214 位 用 户 afl 





图 3.5 通过 菜单 启动 Firebug 


通过 单 击 Firefox 浏览 器 的 工具 栏 上 Firebug 的 快捷 按钮 也 可 完成 相同 的 启动 步骤， 如 图 
3. 6 所 示 。 


| Ed Google Ql 











Kd 3.6 通过 快捷 按钮 启动 Firebug 
在 Firebug 调试 界面 上 ， 有 一 个 Click an element in the page to inspect 按钮 ， 如 图 3.7 所 


示 。 这 样 方便 开发 者 在 用 鼠标 移动 到 页 面 上 某 个 具体 的 元 素 时 ， 实 时 确保 在 HTML 代码 信 
息 框 中 跳 转 到 对 应 页 面 元 素 的 源码 位 置 。 


E a A E 


kB | Edit | div#prm-pt < center < span#body.ctr-p < div#main.content < diviviewportctr-p < body#gsr.hp < html 








Console | HTML » | CSS Script DOM Net Cookies (5 

















v 





Style ~ Computed Layout 








Md <body id="gsr" class="hp" vlink="#61c" text="#222" link="#12c" bgcolor="#fff" alink="#dd4b39" onload="try{if(!google.j.b) 


: T 4 P 53 body { www.google.con 
ipee eh UPU Ide ua a EOD pU t pies: Image().src-'/images bockarcuni mone repeat acri 
v- PUN 


XFFFFFF; 
color: #222222; 






> «div id-"viewport" class-"ctr-p"» 

> escript src-"/l1ogos/2013/drwho/drwhoi3-3.js" async-""» 
«div ide"xunlei. com thunder helper plugin d4626475-c18e-46be-bd10-327458d045bd"» </div> 

> «script srce"/xjs/ / js/k-xjs .s en US .déklyhSMdi0.0 
/m-sy15, cdos ,sy32, gf ,vm, sy39, sy66, sy67 , sy194, tbui ,mb, sy101 , sy167, cfm, abd, sy53, sy54, sy56, sy57, sy55, sy58, sy63, sy64, sy34, sy59, syGO, 
sy52, sy61, sy62, sy65, sy68, sy69, sy90, sy51, llc, foot ,sy173, sy175, lu, sy42, sy179 m, me, sy146, sy145, sy157, sy147 ,em2 ,em3,em4,sy192, tnv, sy 


1 
body, td, a, p, -hvýw.google.con 
font-family: arial,sans-ser* 








38,5y46, sy40, sy43, sy44, sy45, sy47, sy41, ttbcdr, 5y109 , adp, sy123, async, sy91, hv, sy92, jsaleg, sy97, sy98, sy171, kp, lc, ob, sf, sy160, sfa, tbp html, body { www.google.con 
r, syB4, sy185, sy119, sy186, tr/am-EATAog/rt«j/d«0/sve1/rs-ATERSTOUHaOtIrkQBv3pAauoLuCCdKLGUA"» height: 100%; 

> «table class-"gstl 0 gssb c" cellspacing-"Ü" cellpadding-"0" style="width: 485px; display: none; top: 337px; position: absolute; e margin: 0; 
left: 374px;"» 














图 3.7 ”开启 实时 追踪 页 面 元 素 的 源 代码 


如 果 需 要 得 到 对 应 页 面 元 素 的 XPath 地 址 ， 对 着 该 元 素 的 源码 单 击 鼠 标 右键 ， 并 选择 
Copy XPath 即 可 完成 相应 功能 ， 如 图 3. 8 所 示 。 





*3.2.3 [Internet Explorer 


Windows 自己 出 品 的 Internet Explorer X) Và ss EE Eur FEARTA”, WKI 3.9 所 








P 





TOYS 








Hi 





示 。 通过 “TH” 


Edit à div#prm-pt < center 
«script src-"/x]s/ /js/k-x 
/mesy15, cdos , sy32 , gf , vm, sy! 
5y52,5y61,sy62,sy65, sy68, s; 
38,5y46,5y40, sy43, sy44, sy 
r,sy84,sy185, sy119, sy186, tt 

Y <table class-"gstl 0 gssb 
left: 374px;"» 

W <tbody> 
* <tr> 
«td class-"gssl 








Copy HTML 


Copy XPath 


Opy 


Paste HTML 
Log Events 
Scroll Into View 


New Attribute... 
Edit Attribute 'class'... 
Delete Attribute 'class' 


Edit HTML... 
Delete Element 


Break On Attribute Change 
Break On Child Addition or Remo 
Break On Element Removal 


Use in Command Line 
Inspect in DOM Panel 


«td class-"gssb e" style="width: 100%; "> </td> 


</tr> 
</tbody> 





X 

















t3 
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图 





图 3.9 
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€3 Internet 选项 (OQ) 


诊断 连接 问题 (C).… 
重新 打开 上 次 浏览 会 话 (S) 


弹出 窗口 阻止 程序 (P) : 
查看 下 载 (N) Ctrl+J 
管理 加 载 项 (A)} 


腊 机 工作 (W) 

莱 容 性 视图 (V) 

兼容 性 视图 设置 (B) 
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79,m,me, sy146,s 
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Jw3pAauoLuCCdK16 
hh: 485px; displ 
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3.8 TE Firefox 浏览 器 中 获取 页 面 元 素 的 XPath 
菜单 或 者 快捷 键 F12 均 可 以 触发 该 项 功能 。 












启动 Internet Explorer WAAI “FEAR TH” 


4-4 
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启动 Internet Explorer 浏览 器 的 开发 人 员工 具 后 ， 可 以 通过 单 击 “ 查 找 ” 一 “ 单 击 选择 元 
素 ” 菜 单 选项 来 方便 开发 者 在 用 鼠标 移动 到 页 面 上 某 个 具体 的 元 素 时 ， 实 时 确保 在 HTML 
代码 信息 框 中 跳 转 到 对 应 该 页 面 元 素 的 源码 位 置 。 如 图 3. 10 所 示 ， 开 发 人 员工 具 会 高 亮 此 
元 素 为 蓝 色 ， 且 HTML 代码 将 以 树 形 结构 显示 。 


Bl kl ^ — im 


SEC) IAM EA | MERETE): IE9 文档 模式 : IE9 标准 (M) 

































xc N" ESSE Es) [et 
- <I DOCTYPE html? 
-html itemtypez"http://schema. org/'l'ebPage" itemscopez""? 











图 3. 10 ”开启 实时 追踪 页 面 元 素 的 源 代码 








3.3 查找 页 面 元 素 


*3.3.1 通过 ID 查找 元 素 


通过 页 面 元 素 的 ID 来 查找 元 素 是 最 为 推荐 的 方式 。W3C 标准 推荐 开发 人 员 为 每 一 个 页 
面 元 素 都 提供 一 个 独一无二 的 ID 属性 ， 因 此 开发 人 员 应 该 避免 在 单个 页 面 上 的 所 有 元 素 存 
在 ID 不 唯一 的 情况 和 元 素 ID 是 自动 生成 的 情况 。 一 旦 页 面 元 素 被 赋予 了 唯一 的 ID 属性 ， 
它 就 能 够 很 容易 地 被 浏览 器 调试 工具 或 者 测试 工具 识别 并 查找 到 。 在 浏览 器 解析 DOM 
(Document Object Model， 文 档 对 象 模型 ) 时 ， 页 面 元 素 的 ID 被 作为 首选 的 识别 属性 ， 因 为 
这 是 最 快 的 识别 策略 。 

以 百度 主页 为 例 ， 搜 索 框 的 HTML 示例 代码 如 下 ， 其 ID X kw: 




















«span class ="bg s ipt. wr" > 
<input type —'text" 
name ="wd" 
id —"«w" 
maxlength =" oo" 
class —'s ipt" 
autocomplete ="off" > 


«/span > 
“百度 一 下 ”搜索 按钮 元 素 的 HTML 示例 代码 如 下 ,其 I 有 DD 为 su: 


«span class ="bg s btn_wr" > 


<input type ="submit" 


value =" 百 度 一 下 " 


第 3 章 Selenium 玩 转 页 面 元 素 


id 三 "su" 
class ="bg s btn" 
onmousedown -"this. className ='bg s btn s btn h" 
onmouseout -"this. className =bg s btn" > 


«/span » 
在 WebDriver 中 通过 ID 查找 元 素 的 Java 示例 代码 如 下 : 








public class testBaiduByld | 
public static void main( String[ | args) | 
WebDriver driver = new FirefoxDriver( ) ; 


driver. get( "http://www. baidu. com") ; 


WebElement searchBox = driver. findElement( By. id ("kw") ) ; 
searchBox. sendKeys("test Baidu By Id"); 


WebElement searchButton = driver. findElement( By. ida ("su") ) ; 


searchButton. submit( ) ; 


driver. close( ) ; 


示例 代码 详解 : 
1) 指定 WebDriver 为 FirefoxDriver。 
2) 打开 百度 主页 。 
3) 通过 ID 为 kw 来 查找 搜索 框 ， 代 码 段 如 下 。 其 中 ，findFlement () 方法 通过 By. id () 
在 页 面 上 查找 指定 ID 的 元 素 ， 并 将 查找 结果 返回 给 一 个 WebElement 实例 对 象 并 保存 下 来 。 
WebElement 对 象 具有 多 种 行为 ， 如 click, clear, submit, wait 等 操作 。 
WebElement searchBox = driver. findElement (By.id ("«w")); 


4) 在 搜索 框 中 输入 字符 串 test Baidu By Id, 
5) 通过 ID 为 su 来 查找 搜索 按钮 。 代 码 段 如 下 : 


WebElement searchButton = driver. findElement (By.id ("su") ) ; 
6) 触发 搜索 按钮 的 提交 操作 ， 进 行 搜索 。 
3.3.2 ”通过 Name 查找 元 素 
以 豆 办 网 的 主页 搜索 框 为 例 ， 其 搜索 框 的 HTML 代码 如 下 ， 其 Name 为 q: 


<span class ="inp" > 



































<input type —'text" 


> > 
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maxlength - "eo" 


size = 2" 
placeholder =" 书籍、 电影、 音乐 、 小 组 、 小 站 、 成 员 " 
name ="q" 


autocomplete ="off" > 
«/span > 


Selenium WebDriver 中 通过 Name AR x 33: 91 E38 ZR TEZUZR HJ Java 示例 代码 如 下 : 








public class testDoubanByName | 
public static void main( String| ] args) | 
WebDriver driver = new FirefoxDriver( ) ; 


driver. get( "http; //www. douban. com/") ; 


WebElement searchBox = driver. findElement( By. name( 'q") ) ; 
searchBox. sendKeys( "test Douban By Name") ; 


searchBox. submit( ) ; 


driver. close( ) ; 


示例 代码 详解 : 

1) 使 用 FirefoxDriver KH F FIREM, 

2) 通过 Name 为 q 来 调用 findElement () 方法 找到 豆 辩 主页 的 搜索 框 元 素 ， 并 保存 到 
WebElement 实例 对 象 中 。 代 码 段 如 下 : 


WebElement searchBox = driver. findElement (By.name ('q")); 


3) 在 搜索 框 中 输入 字符 串 test Douban By Name 并 提交 进行 搜索 。 
*3.3.3 通过 ClassName 查找 元 素 
以 淘宝 网 的 主页 搜索 框 为 例 ， 其 搜索 框 的 HTML 代码 如 下 ，ClassName 为 search-combob- 


ox-input: 











«div class ="search-combobox-input-wrap" > 
«input id —'q" 

name ="q" 

aria-label =" 请 输入 搜索 文字 " 

accesskey ="s" 

autofocus -"'true" 


autocomplete - "off" 
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aria-haspopup - "erue" 
aria-combobox - "list" 
role —'combobox" 
class —'search-combobox-input" 
x-webkit-speech =" 

x-webkit-grammar -"builtin ; translate" > 


«/div 2 


Selenium WebDriver 中 通过 ClassName 查找 淘宝 主页 上 搜索 框 的 Java zi AM RS F : 














public class testTaobaoByClassName | 
public static void main( String| ] args) | 
WebDriver driver = new FirefoxDriver( ) ; 


driver. get( "http://www. taobao. com/") ; 


WebElement searchBox = 
driver. findElement( By. className( 'search-combobox-input") ) ; 
searchBox. sendKeys( "test Taobao By ClassName") ; 


searchBox. submit( ) ; 


driver. close( ) ; 


示例 代码 详解 : 

1) 使 用 FirefoxDriver 来 打开 淘宝 主页 。 

2) 通过 ClassName 为 search-combobox-input 来 调用 findElement () 方法 ， 找 到 淘宝 主 
页 的 搜索 框 元 素 并 保存 到 WebElement 实例 对 象 中 。 代 码 段 如 下 : 














WebElement searchBox = 


driver. findElement (By. className ("search-combobox-input") ) ; 


3) 在 搜索 框 中 输入 字符 串 test Taobao By ClassName 并 提交 进行 搜索 。 
*3.3.4 通过 TagName 查找 元 素 


通过 TagName 来 查找 元 素 的 方式 与 前 述 通过 ID 或 Name 查找 元 素 的 方式 略 有 不 同 。 其 
原因 是 同一 个 页 面 上 具有 相同 TagName 的 元 素 可 能 一 个 都 没有 ， 也 可 能 有 多 个 。 以 小 米 主 
页 为 例 ， 如 果 搜 索 以 script 为 TagName 的 元 素 就 会 返回 多 个 结果 。 因 此 建议 在 使 用 TagName 
为 查找 元 素 的 条 件 时 ， 使 用 findElements () 来 替代 findElement () PŽ 

以 小 米 主 页 为 例 ， 得 到 TagName 为 script 的 元 素 个 数 的 示例 代码 如 下 : 























> > 
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public class testXiaomiByTagName | 
public static void main( String| ] args) | 
WebDriver driver = new FirefoxDriver( ) ; 


driver. get( "http ; / /www. xiaomi. com") ; 


List XWebElement > scriptList = 

driver. findElements ( By. tagName( "script") ) ; 
System. out. printin( "There are " + 

scriptList. size() 十 


" scripts on Xiaomis main page. ") ; 


driver. close( ) ; 


示例 代码 详解 : 
1) 使 用 FirefoxDriver 打开 小 米 主页 。 
2) 通过 TagName 为 script 来 调用 findElements () 方法 ， 找 到 小 米 主 页 上 所 有 的 script 
元 素 并 保存 到 WebElement 实例 对 象 列 表 中 。 代 码 段 如 下 : 
List «WebElement > scriptList = driver. findElements ( By. tagName ("script") ) ; 


3) 打印 小 米 主页 上 TagName X script 的 元 素 的 数量 ， 打 印信 息 如 下 ， 一 共有 14 个 : 


There are 14 scripts on Xiaomis main page. 











*3.3.5 通过 LinkText 查找 元 素 


以 CSDN 的 主页 为 例 ， 页 面 最 下 面 有 一 个 “联系 方式 ”的 链接 地 址 ， 其 HTML 代码 
如 下 : 
Xa href ='http: //www. csan. net/company/contact. html" target ^" blank" > 联系 方 
TU Sd 
如 上 所 示 ， 页 面 上 的 HTML 链接 元 素 一 般 由 <a > 标签 来 表示 ， 即 anchor 的 缩写 。 其 中 
href 表示 该 链接 被 单 击 后 会 跳 转 的 页 面 地 址 。Selenium 可 以 通过 anchor. 上 的 文本 信息 来 查找 
该 元 素 并 进行 操作 。 示 例 代 码 如 下 .、 


public class testCsdnByLinkText | 











public static void main( String| ] args) | 
WebDriver driver = new FirefoxDriver( ) ; 


driver. get( "http://www. csan. com/") ; 
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WebElement contactLink = driver. findElement( By. linkText( "联系 方式 ) ) ; 
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contactLink. click( ) ; 


driver. close( ) ; 


示例 代码 详解 : 

1) 使 用 FirefoxDriver 打开 CSDN 主页 。 

2) 通过 LinkText 为 “联系 方式 ”来 调用 findElement () 方法 ， 找 到 CSDN 主页 上 的 
“联系 方式 ”链接 元 素 并 保存 到 WebElement 实例 对 象 中 。 代 码 段 如 下 : 


WebElement contactLink = driver. findElement(By.linkText(" 联 系 方式 ) ) ; 


3) 单 击 此 “联系 方式 ”链接 并 打开 新 页 面 查 看 CSDN 的 联系 方式 。 
*3.3.6 通过 PartialLinkText 查找 元 素 











依旧 以 CSDN 的 主页 为 例 ， 页 面 最 下 方 有 一 个 “联系 方式 ”的 链接 地 址 ， 其 HTML 代 
fT 
<a href 7'http: //www. csan. net/company/contact. html" target ^" blank" > 联系 方 
X «/a2 
Selenium 可 以 通过 anchor. 上 的 部 分 文本 信息 来 查找 该 元 素 并 进行 操作 ， 如 通过 “联系 ” 
二 字 来 查找 该 链接 地 址 。 示 例 代 人 码 如 下 : 














public class testCsdnByPartialLinkText | 
public static void main( String[ | args) | 
WebDriver driver = new FirefoxDriver( ) ; 


driver. get( "http://www. csan. com/") ; 


WebElement contactLink = 
driver. findElement( By. partiallinkText( "联系 0) ) ; 


contactLink. click ( ) ; 


driver. close( ) ; 


示例 代码 详解 : 

1) 使 用 FirefoxDriver 打开 CSDN 主页 。 

2) 通过 PartialLinkText 为 “联系 ”来 调用 findElement () 方法 ， 找 到 CSDN 主页 上 的 
“联系 方式 ”链接 元 素 并 保存 到 WebElement 实例 对 象 中 。 代 码 段 如 下 : 


WebElement contactLink = driver. findElement ( By. partialLinkText ("HKZ") ) ; 








> > 
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3) 单 击 此 “联系 方式 ”链接 并 打开 新 页 面 查看 CSDN 的 联系 方式 。 
注意 : 
findElement () 方法 只 会 返回 页 面 上 第 一 个 满足 PartialLinkText 为 “联系 ”的 元 
素 。 如 果 和 希望 找到 页 面 上 所 有 包含 部 分 文本 为 “联系 ”的 链接 元 素 ， 则 使 用 fndEr- 
ements () 方法 来 替换 findElement () 方法 。 





*3.3.7 ”通过 CSS 选择 器 查找 元 素 
以 Google 主页 的 搜索 按钮 为 例 ， 其 HTML 代码 如 下 : 


<input value ="Google 搜索 " jsaction ="sf. chk" name ="btnK" type ="submit" > 


对 应 的 CSS 路 径 代 码 如 下 : 
ilist-ib 


Selenium WebDriver 中 通过 CSS 查找 元 素 的 Java 示例 代码 如 下 : 








public class testGoogleByOssSelector | 
public static void main( String| ] args) | 
WebDriver driver = new FirefoxDriver( ) ; 


driver. get( "http://www. google. com/") ; 
WebElement searchBox = driver. findElement( By. cssSelector( "/ist-ib") ) ; 
searchBox. sendKeys( "webdriver") ; 


searchBox. submit( ) ; 


driver. close( ) ; 





示例 代码 详解 : 
1) 使 用 FirefoxDriver 打开 Google 主页 。 
2) 通过 CSS 路 径 查 找到 搜索 框 。 代 码 段 如 下 : 








WebElement searchBox = driver. findElement ( By. cssSelector ( "üst-ib") ) ; 
3) 输入 webdriver 字符 串 并 进行 搜索 。 
*3.3.8 通过 XPath 查找 元 素 


以 Google 主页 为 例 ， 可 以 通过 XPath 来 查找 到 搜索 框 和 搜索 按钮 ， 并 且 对 于 期 望 的 结果 
也 可 以 通过 XPath 来 查找 。 
Selenium WebDriver 中 通过 XPath 查找 元 素 的 完整 示例 代码 如 下 : 
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package com. learningselenium. findelement ; 


import org. testng. annotations. Test; 

import org. testng. annotations. AfterClass; 
import org. testng. annotations. BeforeClass ; 
import org. openqa. selenium. chrome. * ; 
import org. openqa. selenium. * ; 

import org. openqa. selenium. support. ui. Wait; 


import org. openqa. selenium. support. ui. WebDriverWoait ; 


import static org. openqa. selenium. support. ui. ExpectedConditions. 


visibilicyOfElementL ocated; 
public class testXPath | 
WebnDriver driver; 


(9 BeforeClass 
public void setUp( ) | 
System. setProperty ( "webdriver. chrome. driver", 
"/Selenium 2/selenium/chromedriver") ; 


driver = new ChromepDriver( ) ; 


(9 AfterClass 
public void tearDown( ) | 
driver. close( ) ; 


driver. quit( ) ; 

Q Test 

public void testGoogle( ) throws InterruptedException | 
driver. get( "http://www. google. com/") ; 
WebElement searchBox = driver. findElement( 


By. xpath ( "// * [ (0 id 三 NMIst-ib AJ D ) ; 


searchBox. sendkeys( selenium") ; 
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WebElement searchButton = driver. findElement( 
By. xpath ("// * | @ia = Ytsf V] /aiv| 2] /div| 3] /center/input[ 1 |") ) ; 


searchButton. click ( ) ; 


Wait «WebDriver > wait = new WebDriverWait( driver ,30) ; 
wait. until ( visibiliegyOfElementL ocated( 
By. xpath("// * | & ia = Vrso V | /ii[ 1] /div/h3/a/em") ) ) ; 


示例 代码 详解 : 

1) 设置 WebDriver 以 Chrome 浏览 器 为 驱动 模型 并 设 定 Driver 的 文件 路 径 。 

2) 打开 Google 主页 。 

3) 通过 XPath 查找 到 搜索 框 并 在 其 中 输入 selenium, zn PI BEAT : 
WebElement searchBox = driver. findElement( 


By. xpath( 7/ * [ € ia = Vist-ip V |") ) ; 











search Box. sendKeys( selenium") ; 


4) 通过 XPath 查找 搜索 按钮 并 单 击 它 。 示 例 代码 段 如 下 : 








WebElement searchButton = driver. findElement( 
By. xpath("// 4 € id = Vtst "|/div[2|/div[3]/center/input[11]") ) ; 


searchButton. click ( ) ; 


5) 等 待 指定 XPath 的 页 面 元 素 的 出 现 ， 这 里 使 用 了 Selenium 的 Wait 对 象 和 期 待 条件 
visibilityOfElementLocated。 示 例 代 码 段 如 下 . 


Wait <WebDriver > wait = new WebDriverWait( driver ,30) ; 
wait. until( visibilityOfElementl_ocated( 
By. xpath( // 4 @ia = Vrso V] AiL1] /div/n3/a/em") ) ) ; 


*3.3.9 ”通过 jQuery 查找 元 素 


jQuery 允许 开发 人 员 通 过 简单 的 步骤 快速 识别 页 面 上 的 元 素 。 这 里 将 展示 在 Selenium 中 
如 何 使 用 jQuery 来 简化 工作 。 在 使 用 jQuery 简化 Selenium 查找 元 素 操 作 之 前 ， 需 要 首先 确 
认 页 面 是 否 已 经 加 载 了 jQuery 库 。 在 这 里 将 分 情况 进行 阐述 ， 一 种 情况 是 页 面 本 里 已 经 加 
载 jQuery 库 ， 另 外 一 种 情况 是 页 面 本 身 并 没有 加 载 jQuery 库 。 

1. 处 理 已 经 加 载 jQuery 库 的 页 面 

以 jQuery Foundation 官方 网 站 为 例 ， 其 已 经 自动 加 载 了 jQuery 库 ， 因 此 可 以 在 测试 代码 
中 直接 使 用 jQuery 的 语法 。 下 面 以 从 页 面 上 查找 到 导航 栏 上 的 菜单 元 素 并 确认 其 总 数 ， 然 
后 筛选 出 荣 单 的 第 3 个 元 素 并 验证 其 文本 信息 为 例 进行 说 明 ， 如 图 3. 11 所 示 。 
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© jQuery . jQuery SEP 10-11 R e» 


foundation v 
ONVENTION CENTER 


= 
The jQuery Foundation 


Supporting the advancement of the web through JavaScript 





The jQuery Foundation Mission Support the jQuery Foundation 
The jQuery Foundation is a member supported non-profit The jQuery Foundation is fully supported by generous donations of time and 
trade association for web developers. We: money. You and your company can help: 





图 3. 11 jQuery 页 面 的 导航 栏 














Java 代码 示例 片段 如 下 : 


WebDriver driver — new ChromeDriver( ) ; 
JavascriptExecutor jse = (JavascriptExecutor ) driver; 
driver. get( "http://www. jquery. org/") ; 


List X«WebElement > elements = 
( List «WebElement >) jse. executeScript 


("return jQuery. find ('. menu-item!)") ; 


assertEquals(10, elements. size( ) ) ; 


assertEquals( "Members", elements. get(2). getText( ) ) ; 


driver. close( ) ; 


上 述 代码 使 用 了 jQuery 的 find () 方法 来 查找 元 素 ， 在 Selenium 的 Java 代码 中 ， 需 要 
调用 JavascriptExecutor 类 来 执行 jQuery 的 find () 方法 。 

2. 处 理 未 加 载 jQuery 库 的 页 面 

虽然 jQuery 是 非常 流行 的 库 ， 但 并 不 是 所 有 的 网 站 都 加 载 并 使 用 到 该 库 。 对 于 未 加 载 
jQuery 库 的 页 面 ， 如 果 和 希望 利用 jQuery 的 优势 来 查找 页 面 元 素 ， 则 可 以 通过 其 他 方式 来 达到 
目的 。 也 就 是 在 加 载 页 面 时 手工 注入 jQuery 库 。 注 入 代码 如 下 : 


private void injectjQuerylfNeeded( ) | 
if (1 jQueryLoaded( )) | 
inject jQuery( ) ; 


> > 
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public Boolean jGueryLoaded() | 
Boolean loaded = true; 
try | 
loaded = (Boolean) jse. executeScript('return jQuery()! nul"); 
} catch ( WebDriverException e) | 
loaded = false; 


| 


return loaded; 


public void in jectjQuery( ) | 

//ioad jQuery dynamically in the head of web page 

jse. executeScript( 
'var headID = document. getElementsByTagName( Vhead V) [0] ;" + 
war newScript = document. createElement('script') ;" + 
"hewScript. type —'text/ javascript';" + 
"newScript. src —'http:;//a jax. googleapis. com/a jax/libs" + 
"/ jquery/1. 10. 1 / jquery. min. js';" + 
"headID. appendChild ( newScript)") ; 


injectjQueryIfNeeded () 方法 会 调用 jQueryLoaded () 来 检测 当前 页 面 是 否 已 经 加 载 
jQuery 库 。 如 果 页 面 尚 未 加 载 jQuery Æ, injectjQueryIfNeeded () 会 调用 injectjQuery 方法 ， 
通过 添加 < script > 元 素 将 jQuery 库 注 入 到 页 面 的 head 部 分 。< script > 元 素 通过 引用 Google 
CDN (Content Delivery Network ， 内 容 分 发 网 络 ) 来 加 载 jQuery 库 ， 该 CDN 信息 可 以 从 
jQuery 的 官方 网 站 获取 ， 如 图 3. 12 所 示 。 


QUICK ACCESS 


[cm] / [ajax.googleapis.com/ajax/Vibs/jquery/1. 16. 1/jquery.min.js 


Download jQuery 1.10.1 一 


el £9$ Forum A, Bugs 
jQuery GU Community ZEN issue 
Source Support Tracker 


3 The jQuery Foundation. 
ting by Media Temple | (f) Powered by WordPress | Thanks: Members, Sponsors 








3.12. jQuery 库 的 CDN 信息 





以 Google 的 主页 为 例 ， 默 认 是 没有 加 载 jQuery 库 的 。 首 先 尝 试 在 Google Chrome Web 调 
iX T.F. Console 中 能 和 否 正 常 加 载 jQuery 库 。 在 Console 中 输入 加 载 jQuery 的 JavaScript 脚本 ， 
如 果 出 现 如 图 3. 13 所 示 的 提示 ， 则 说 明 加 载 成 功 。 
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X Elements Resources Network Sources Timeline Profiles Audits | Console | 


> var headID = document.getElementsByTagName ("head") [0] ; 
var newScript = document.createElement('script'); 
newScript.type = 'text/javascript'; 
newScript.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min. js' ; 
headID. appendChild(newScript); 
«script typez"text/javascript" srcz"htt 





in. js"»«/script» 


3.13 Hii Google Console 查看 jQuery 是 否 加 载 成 功 


接 下 来 ， 尝 试 定位 Google 主页 面 左上 角 的 Images 菜单 ， 如 图 3. 14 所 示 。 其 中 ,1 为 Ima- 
ges 菜单 的 位 置 ，2 为 Images 菜单 在 DOM 结构 中 的 位 置 ，3 为 在 jQuery 中 用 于 查找 的 路 径 。 





«c [ [D www.google.com.hk - *, 










*You — - -一 Maps Play YouTube Gmail Drive More- 


px x 14px 


Cooole 





x | Elements | Resources Network Sources Timeline Profiles Audits Console 
<OIV 10F 
* «div id="gb"> 
«script»window.gbar&&gbar.eli&&gbar.eli()«e/script- 
vw «div id-"gbw'» 
v «div id="gbz"> 
«span class="gbtcb"></span> 
Y «ol id-"gbzc" class-'"gbtc"- 
> «li classz"gbt"-..«/li» 
b «li classz"gbt"»..«/li» 
Y «li classz'gbt'- 
v «a onclicke"gbar.qs(this);gbar.logger.il(1,ít:2));" class="gbzt" id-"gb 2" hrefz"http:// 
www. google. com. hk/imghp?hlzen&tabzwi"» 








</li> 
> <li class="gbt">..</li> 
b «li class="gbt">..</li> 
b «li class-"gbt"»..«/li» 


3 
b eli claccz'nht''s eis = — à 
»z tm odyzgsr.hp iv#mng iv#g iv#gbw iv#gbz | o zc.gbtc a#gb_2.gbzt UN 
^ html | bod h d b | div#gb | d b d b: | |#gb bi b b b 


3.14 定位 Google 主页 面 左 上 角 的 Images 菜单 


接 下 来 在 Console 中 输入 jQuery 查找 语句 ， 如 图 3. 15 所 示 。 其 中 ，1 为 jQuery 查找 语 
句 ，2 Jy Images 菜单 在 查找 结果 中 的 位 置 ， 由 于 排 在 第 3 个 位 置 ， 其 索引 下 标 为 2。 


[No 





S 


















Dts >+You</span>, «span Class-"gbts"»Search«/span»,f«span class-"gbts'»Images«c/span»,g «span class="gbts">Maps</span>, 


9 pi 

'gbts">Play</span>, <span class="gbts">YouTube</span>, span class="gbts">Drive</span>, 
bztms" class-"gbts gbtsa">.</span>, ¥ <span id-"gbgs4" class-"gbts".. </span>, <span class="gbts"></span>, 

><span id="gbgs5" class="gbts">.</span>] 
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3.15 在 Console 中 输入 jQuery 查找 语句 
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然后 通过 elements [2] 来 进行 验证 ， 如 图 3. 16 所 示 。 


» elements [2] 
«span class-"gbts'"»Images«/span- 




















图 3.16 通过 elements [2] 来 验证 Images 


查看 Images 菜单 的 属性 ， 其 中 有 一 项 textContent 的 赋值 为 Images, WEI 3. 17 


所 示 。 


x | Elements | Resources Network Sources Timeline Profiles Audits Console 


中 的 1 





= spam 
v «ol id-"gbzc" class-"gbtc'» 
b «li classz'"gbt'»..«/li» 
b «li class-"gbt"2.«/li» 
Y «li class="gbt"> 
v «a onclick-"gbar.qs(this);gbar.logger.il(1,[t:2));" class-"gbzt" id-"gb 2" href-"http:// 
www. google. com. hk/imghp?hleen&tab-wi"» 
«span class-'gbtb2"»«/span» 





</a> 
</li> 
> «li class="gbt">.</li> 
b «li classz'"gbt'»..«/li» 
b «li class="gbt">.</li> 
b «li class-"gbt"».«/li» 
b «li classz"gbt"»..«/li» 
b «li class-"gbt"»..«/li» 
</ol> 
</div> 
b <div id="nho"> </div> 





o, 并 Q html | body#gsr.hp | div#mngb | div#gb | div#gbw | div#gbz | ol#gbzc.gbtc | li.gbt a#gb_2.gbzt 





BL 


E 








M 





图 3.17 查看 Images 菜单 的 





scrolldeight: 0 
scrollleft: 0 
scrollTop: 0 
scrollWidth: 8 
spellcheck: true 

b style: CSSStyleDeclaration 
tabIndex: -1 


textContent: "Images" 1 


translate: true 
webkitInsertionParent: null 
webkitPseudo: "" 
webkitShadowRoot: null 
webkitdropzone: "" 
b proto : HTMLSpanElement 
> HTMLSpanElement 
> HTMLElement 





在 Console 中 输入 命令 elements [2] .textContent 进行 验证 ， 如 图 3. 18 所 示 。 


» elements[2].textContent 




















"Images" 
> 
3.18 ”通过 elements [2] . textContent 验证 Images 


EJ E fecti A Vi FO R TRASAR jQuery 库 ， 并 验证 元 素 属 性 的 过 程 。 


这 一 过 程 用 Java 代码 组 织 起 来 。 完 整 的 示例 代码 如 下 : 


package com. learningselenium. findelement; 


import static org. testng. AssertJUnit. assertEquals; 
import java. util. List ; 

import org. testng. annotations. Test; 

import org. testng. annotations. AfterClass ; 

import org. testng. annotations. BeforeClass ; 

import org. openqa. selenium. chrome. * ; 


import org. openqa. selenium. * ; 


public class testln jectOQuery | 


接 下 来 将 
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WebDriver driver ; 


JavascriptExecutor jse; 


(9 BeforeClass 
public void setUp( ) | 
System. setProperty ( "webdriver. chrome. driver", 


"/Users/bob/Dropbox/mypublication/Selenium — 2/selenium/ 


chromedriver") ; 


driver = new ChromepDriver( ) ; 


jse — (JavascriptExecutor) driver; 


(9 AfterClass 
public void tearDown( ) | 
driver. close( ) ; 


driver. quit( ) ; 


(Test 
public void testGoogle( ) throws InterruptedException | 


driver. get( "http://www. google. com/") ; 


//load jQuery dynamically if needed 
inject jQueryIfNeeded( ) ; 


//find the top menu items on google page 
List «WebElement > elements = (List «WebElement >) jse 
. executeScript( "return jQuery. find( li. got span. gbts')") ; 


//verify the count of the menu items 


assertEquals(12, elements. size( ) ) ; 
//verify the property of element "Images" 


assertEquals( "Images", 


elements. get( 2). getAttribute( 'textContent") ) ; 


private void inject jaueryIfNeeded( ) | 


> > 
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if (! jQueryloaded( )) | 
injectjQuery( ) ; 


public Boolean jQueryLoaded( ) | 
Boolean loaded = true; 
try | 
loaded = (Boolean) jse. executeScript('return jQuery( )! =null"); 
| catch ( WebDriverException e) | 
loaded -— false; 


| 


return loaded ; 


public void in jectjQuery( ) | 
//load jQuery dynamically in the head of web page 
jse. executeScript( 
'var headID = document. getElementsByTagName( Mhead Y) [0] ;" + 
war newScript = document. createElement(' script!) ;" + 
"hewScript. type —'text/ javascript';" + 
"'hewScript. src —'http;//a jax. googleapis. com/a jax/libs" + 
"/ jquery/1. 10. 1 / jquery. min. js';" + 
"headID. appendChild ( newScript)") ; 


3.4 元 素 的 Actions 





不 同 的 页 面 元 素 具 有 不 同 的 Actions, ， 例 如 一 个 按钮 就 可 以 具备 “ 单 击 ”Aetion， 但 你 肯 
定 无 法 在 按钮 上 “输入 ”文字 。 虽 然 在 WebDriver 的 API 中 ， 所 有 的 Actions 罗列 在 WebEle- 
ments 中 ， 但 测试 开发 人 员 务 必 弄 清楚 这 些 Actions 的 适用 对 象 。 如 果 在 错误 的 页 面 元 素 上 使 
用 了 无 效 的 Actions， 不 会 看 到 有 任何 的 错误 提示 信息 并 且 相 关 的 操作 也 不 会 被 触发 ， 因 为 
WebDriver 会 忽略 当前 页 面 元 素 所 不 支持 的 Actions。 下 面 逐 个 认识 一 下 页 面 元 素 可 能 具备 的 
Actions。 

1. sendKeys () 

适用 于 有 具备 文本 编辑 区 域 的 页 面 元 素 。 常 见 的 使 用 方式 是 在 文本 框 中 输入 字符 串 。 示 例 

代码 如 下 : 
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WebElement searchBox = driver. findElement( By. name("q") ) ; 
search Box. sendKeys( "webdriver") 


如 果 硕 望 在 文本 框 中 输入 某 些 特殊 字 

















了 nz 


ff, Ul Shift, 














则 需要 使 用 WebDriver 中 的 Keys 2S, 
Keys 是 一 个 数组 类 ， 用 于 模拟 多 种 不 同 的 特殊 按键 输入 。 例 如 ， 和 希望 输入 字母 的 大 写 形式 
手工 的 方式 就 是 按 住 Shift 键 的 同时 输入 相应 字母 即 可 。 为 了 使 用 Keys 达到 这 个 效果 ， 示 例 
代码 如 下 : 


WebElement searchBox = driver. findElement( By. name("q") ) ; 


Search Box. sendKeys ( Keys. chord( Keys. SHIFT ,"webdriver") ) ; 
2. clear () 























适用 于 具备 文本 编辑 区 域 的 页 面 元 素 ， 作 用 是 清除 文本 编辑 区 域 中 输入 的 文本 信息 。 
然 用 户 可 以 通过 上 述 sendKeys () 方法 配合 Key. BACK. SPACE 来 达到 目的 ,但 这 jos 
显 繁琐 。 最 简单 的 方式 就 是 





外 LE Ej 


直接 调用 clear () 方法 。 基 本 用 法 如 下 : 


WebElement searchBox = driver. findElement( By. name("q") ) ; 
search Box. clear( ) 





3. submit () 





适用 于 form 或 者 form 中 的 页 面 元 素 ， 作 用 是 提交 form 到 Web 的 服务 天 端 。 示 例 代码 如 
下 : 


WebElement searchBox = driver. findElement( By. name("q") ) ; 
Search Box. submit( ) 


4. isDisplayed () 








适用 于 任意 的 页 面 元 素 ， 用 于 判断 该 元 素 是 否 在 页 面 上 可 见 。 示 例 代 码 如 下 : 
WebElement searchButton = driver. findElement( By. name( "btnk") ) 
System. out. printIn( searchButton. isDisplayed( ) ) 

5. isEnabled ( ) 


适用 于 任意 的 页 面 元 素 ， 用 于 判断 该 元 素 是 否 为 启用 状态 。 示 例 代 码 如 下 : 


WebElement searchButton = driver. findElement( By. name( "btnk") ) 
System. out. printIn( searchButton. isEnabled( ) ) 


6. isSelected () 








适用 于 单 选 按钮 、 多 选 按 钮 ， 以 及 选项 等 页 面 元 素 ， 用 于 判断 某 个 元 素 是 否 被 选中 。 如 
果 在 其 他 页 面 元 素 上 调用 该 方法 ， 程 序 会 返回 false。 示 例 代码 如 下 


WebElement searchButton = driver. findElement( By. name( "btnKk") ) 
System. out. printIn( radioButton. isselected( ) ) 


7. getAttribute () 


y 
适用 于 任意 的 页 面 元 素 ， 用 于 获取 当前 页 面 元 素 的 


y 
性。 例如 ，Google 页 面 中 搜索 按钮 Y 
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的 HTML 代码 如 下 : 
«input value ="Google Search" jsaction ="sf. chk" name ="btnK" type ="submit" > 


如 果 已 经 通过 搜索 按钮 的 name 查找 到 该 元 素 ， 并 且 和 希望 获取 其 value 值 ， 则 示例 代码 
如 下 : 


WebElement searchButton = driver. findElement( By.name("btnK") ) ; 








System. out. printin( "Value of the button is;" + 
SsearchButton. getAttribute( 'value") ) ; 


8. getText () 
适用 于 任意 的 页 面 元 素 ， 用 于 获取 元 素 上 的 可 见 文本 内 容 。 如 果 文 本 内 容 为 空 ， 则 该 方 
法 返回 空 。 示 例 代 码 如 下 : 





WebElement searchButton = driver. findElement( By. name( "btni") ) ; 


System. out. printIn( searchButton. getText( ) ) ; 


9. getTagName () 
适用 于 任意 的 页 面 元 素 ， 用 于 获取 元 素 的 tag name, MAN, Google 搜索 按钮 的 HTML 如 
下 ， 其 中 input 就 是 搜索 按钮 的 tag name : 


«input value ="Google Search" jsaction ="sf. chk" name ="btnK" type ="submit" > 


如 果 已 经 通过 搜索 按钮 的 name 查找 到 该 元 素 ， 并 上 且 和 希望 获取 其 tag name 值 ， 则 示例 代 
fH T. 


























WebElement searchButton = driver. findElement( By. name( "btnk") ) ; 


System. out. printIn( searchButton. getTagName( ) ) ; 


10. getCssValue () 
适用 于 任意 的 页 面 元 素 ， 用 于 获取 当前 页 面 元 素 的 CSS 属性 信息 ， 如 cursor, font-fami- 
ly, font-size, height, background-color, background-image 等 。 其 使 用 示例 代码 如 下 : 





WebElement searchButton = driver. findElement( By.name("btnK" ) ; 


System. out. printIn( searchButton. getCssValue ("height") ) ; 


11. getLocation () 
适用 于 任意 的 页 面 元 素 ， 用 于 获取 元 素 在 页 面 上 的 相对 位 置 ， 其 中 坐标 系 原点 位 于 页 面 
的 左上 角 。 该 方法 的 返回 值 是 一 个 包括 (x, y) 的 坐标 信息 。 示 例 代码 如 下 : 








WebElement searchButton = driver. findElement( By. name("btnK") ) ; 


System. out. printIn( searchButton. getLocation( ) ) ; 


12. getSize () 
适用 于 任意 可 见 的 页 面 元 素 ， 用 于 获取 元 素 的 宽度 和 高 度 信 息 ， 其 返回 值 是 一 个 包括 
(width, height) 的 长 宽 组 合 。 示 例 代码 如 下 : 
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WebElement searchButton = driver. findElement( By.name("btnK") ) ; 


System. out. printIn( searchButton. getSize( ) ) ; 


3.5 小 结 





本 章 首先 展示 了 如 何 通过 不 同 的 主流 浏览 器 的 开发 者 工具 来 获取 页 面 元 素 的 相关 信息 ， 
如 页 面 元 素 的 ID Name, CSS 等 。 接 下 来 详细 介绍 了 通过 WebDriver 来 定位 页 面 元 素 的 多 种 
方式 ， 包 括 如 何以 jQuery 库 为 基础 来 查找 元 素 。 最 后 讲解 了 不 同 的 页 面 元 素 所 具有 的 Ac- 


tions; 
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女 4.1.1 概述 


2011 年 7 H, Selenium 团队 对 外 正式 发 布 了 Selenium 2.0， 又 名 Selenium WebDriver。 
Selenium 2. 0 主要 的 新 特 dn WebDriver 集成 进来 。Selenium WebDriver 不 仅 可 以 用 于 传 
统 意 义 上 的 网 页 测试 ， 持 供 入 式 设备 如 智能 手机 上 的 应 用 程序 测试 。 

Selenium 2. 0 Scu du 并 且 能 绑 定 的 编程 语言 也 极为 广泛 ， 包 括 CH, Java, 
Python, Ruby, JavaScript 等 。Selenium 2. 0 ( WebDriver) 是 从 操作 系统 层面 直接 控制 浏览 
的 行为 ， 因 此 测试 用 例 程序 与 浏览 器 的 交互 将 非常 高 效 。 


女 4. 1.2 WebDriver 5 Selenium RC 的 区 别 


1. WebDriver 

1) WebDriver 不 需要 Selenium Server 就 可 以 运行 测试 用 例 。 

2) WebDriver 独立 使 用 原生 浏览 器 来 运行 测试 用 例 。 

3) WebDriver 既 可 以 测试 传统 桌面 Web 应 用 ， 也 可 以 测试 手机 上 的 应 用 程序 ， 如 
iPhone 或 Android 上 的 app 程序 。 

4) WebDriver 能 文 持 大 多 数 浏 览 右 的 最 新 版 本 。 

2. Selenium RC 

1) Selenium RC 需要 Selenium Server 才能 运行 测试 用 例 。 

2) Selenium RC 使 用 JavaScript 来 驱动 浏览 器 运行 测试 用 例 。 

3) Selenium RC 只 能 支持 Web 应 用 的 测试 。 

4) Selenium RC 能 支持 所 有 浏览 如 但 并 不 能 及 时 支持 最 新 版 本 。 

关于 WebDriver 的 更 多 信息 可 查阅 官方 网 站 : 


http: //docs. seleniumhq. org/projects/webdriver/ 








4.2 WebbDriver 的 架构 


v 六 4.2.1 synthesized 事件 和 native 事件 





需要 解释 一 下 什么 是 synthesized 事件 。 与 Selenium RC 的 采用 远 低 于 用 户 操作 级 别 的 底 
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层 API 来 操作 浏览 器 的 理念 不 同 ，Selenium WebDriver 的 设计 思路 是 尽 可 能 准确 地 模拟 用 户 
与 Web 应 用 交互 的 方式 。 为 了 绕 开 浏览 器 安全 策略 方面 的 限制 ，Selenium WebDriver 总 是 尽 
可 能 在 操作 系统 层面 去 触发 “native 事件 ” 。 由 于 这 些 “native 事件 ”不 是 由 浏览 器 生成 ， 
因此 这 种 方式 可 以 有 效 地 绕 开 浏览 器 的 安全 限制 。 此 外 ， 由 于 这 种 实现 是 基于 特定 的 操作 系 
统 来 编码 ， 一 旦 在 某 个 操作 系统 的 一 种 浏览 器 中 运行 良好 ， 那 么 在 移植 到 同一 个 操作 系统 的 
另 一 个 浏览 器 中 时 ， 重 用 已 有 的 实现 代码 会 相对 容易 一 些 。 

以 早期 Selenium RC 输入 元 素 的 API 为 例 ， 如 下 所 示 ， 需 要 如 此 多 的 API 接口 : type、 
typeKeys, typeKeysNative, keydown, keypress, keyup, keydownNative 、 keypressNative、 

















keyupNative 、attachFile。 
而 在 WebDriver 中 ， 对 应 的 方法 只 需要 一 个 API 接口 


*4.2.2 RPC 调用 


从 上 述 例子 可 以 看 出 WebDriver 和 RC 设计 理念 的 差异 ，WebDriver 尽 可 能 地 模拟 用 
户 行为 ， 而 RC 提供 了 较 低 层次 的 API 事 件 。 在 RC 中 会 比较 多 地 使 用 synthesized 事件 ， 
而 WebDriver 则 更 多 地 使 用 操作 系统 的 native 事件 。 可 以 直接 将 事件 发 送 到 浏览 器 窗口 
的 处 理 函 数 ， 这 意味 着 即使 没有 获取 浏览 如 窗口 焦点 ,也 可 以 使 用 WebDriver 操作 浏 
览 器 。 

由 于 WebDriver 的 调用 都 是 RPC (Remote Procedure Call， 远 程 过 程 调用 ) 方式 ， 因 此 其 
性 能 好 坏 取 决 于 网 络 延迟 。 昌 然 大 多 数 操作 系统 会 优化 到 本 地 路 由 localhost, 但 是 随 着 待 测 
浏览 器 数量 的 增加 ， 以 及 测试 代码 量 的 增加 而 导致 的 网 络 延迟 增加 ， 原 本 高 效 的 RPC 也 会 
逐步 变 得 低 效 。 正 是 出 于 性 能 上 的 考虑 ， 对 于 WebDriver 的 API 设计 就 显得 尤为 重要 。 通 过 
设计 一 个 通用 型 的 API， 将 多 次 函数 调用 合并 在 一 次 调用 里 来 减少 网 络 延迟 ， 以 此 来 达到 
API 调用 的 高 效 性 。 当 然 ， 任 何事 物 都 有 两 面 性 ， 通 用 型 的 API 就 意味 着 其 命名 不 是 针对 某 
一 个 特定 的 操作 ， 由 此 可 能 导致 难以 记忆 和 理解 。 所 以 在 设计 API 的 时 候 ， 需 要 综合 权衡 
API 的 调用 高 效 性 和 可 读 性 。 


*4.2.3 ”兼容 性 矩阵 


WebDriver 从 设计 之 初 就 围绕 着 支持 多 种 操作 系统 、 多 种 浏览 需 和 多 种 编程 语言 绑 定 而 
展开 。 可 以 想象 ， 如 果 在 框架 和 API 设计 上 稍 有 不 慎 ， 就 会 深 陷 维护 成 本 急剧 攀升 的 旋涡 。 

尝试 减少 WebDriver 支持 的 编程 语言 绑 定 是 一 种 降低 成 本 的 途径 。 但 Selenium 团队 并 没 
有 选择 这 种 方案 。 主 要 因素 有 两 个 方面 ， 从 个 人 的 角度 而 言 ， 学 习 一 门 新 的 编程 语言 需要 时 
间 成 本 。 而 从 公司 的 角度 出 发 ， 为 了 选择 一 门 工具 而 引入 另外 一 种 编程 语言 会 让 编码 规范 和 
技术 单一 纯正 性 得 到 挑战 。 当 然 ， 第 二 个 因素 随 着 业界 的 成 熟 已 经 在 慢 慢 淡化 ， 很 多 解决 方 
案 需 要 混合 多 种 模块 和 编程 语言 。 

选择 减少 对 不 同 浏览 带 的 兼容 性 支持 也 不 失 为 一 种 选择 ,但 这 么 做 难免 会 遭 到 业界 的 不 
满 。 举 一 个 小 例子 ， 即 使 当初 Selenium 团队 决定 对 市 场 份额 不 到 1% 的 Firefox 2 不 支持 
WebDriver 时 ,也 遇 到 了 相当 大 的 阻力 和 抗议 。 因 此 ， 浏 览 带 的 兼容 性 是 绝对 需要 得 到 保 
障 的 。 

综 上 所 述 ，Selenium 团队 唯一 能 做 的 就 是 竭尽 全 力 保障 WebDriver 能 支持 的 兼容 性 矩阵 





sendKeys 即 可 。 
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尽 可 能 达到 最 大 。 而 达到 这 个 目标 的 唯一 方法 就 是 让 不 同 浏览 侣 上 不 同 编程 语言 绑 定 的 接口 
都 保持 简洁 一 致 。 


*4.2.4 缺陷 


像 WebDriver 这 种 基于 原生 浏览 器 进行 开发 和 发 布 的 方式 ， 相 较 于 RC 的 优势 已 经 在 前 
面 进行 了 详 述 。 并 且 由 于 紧密 绑 定 浏览 器 ，WebDriver 获取 了 更 多 针对 浏览 器 操作 的 控制 权 。 

正 是 因为 这 种 机 制 ，WebDriver 也 有 其 自身 的 一 些 缺 点 。 第 一 个 缺点 是 某 些 特定 接口 无 
人 问津 ， 这 在 WebDriver 发 布 初期 显得 尤为 突出 。 但 随 着 文档 的 完善 ， 这 种 情况 已 经 得 到 了 
改善 。 第 二 个 缺点 是 在 支持 新 浏览 器 时 需要 花费 较 大 的 精力 来 更 新 配套 的 WebDriver。 目 前 
各 大 厂商 的 浏览 器 返 代 速度 非常 快 ， 甚 至 在 核心 驱 劲 部 分 也 重新 调整 了 多 次 ，Selenium 团队 
需要 尝试 多 次 修正 WebDriver 的 代码 才能 适 配 成 功 。 


*4.25 与 DOM 交互 


Selenium 采用 了 分 层 模式 的 技术 堆栈 ， 如 图 4. 1 所 示 。 在 堆栈 的 底层 采用 了 Google 的 
Closure 库 ， 提 供 原 语 和 模块 化 机 制 ， 确 保 了 源 文件 


划分 的 细小 粒度 。 

在 Closure 库 之 上 是 Atom JZ, Atom JEJE DEB RKI 
数 能 够 完成 一 些 基本 的 任务 ， 如 获取 某 个 元 素 的 属性 
人、 尖 断 某 个 元 素 是 否 可 见 。 此 外 ，Atom 库 还 包括 
一 些 类 似 于 通过 synthesized 事件 模拟 用 户 单 击 的 复杂 
操作 。Atom 库 可 以 被 看 作 浏览 器 自动 化 过 程 中 粒度 o 
最 小 的 单元 。 Closure 库 

Atom 库 之 上 则 是 适 配 层 ， 主 要 由 2 代 的 Web- 


Driver 和 1 代 的 Selenium Core 组 成 。 它 们 联手 组 合 这 《图 4.1 Selenium 分 层 模式 的 技术 堆栈 

Selenium 团队 之 所 以 选择 Closure 库 有 如 下 几 个 原因 : 

1) Closure 编译 器 能 很 好 地 理解 库 本 身 所 采用 的 模块 化 技术 。 

2) Closure 编译 融 的 目标 输出 是 JavaScript; 

3) Selenium 团队 中 的 几 位 成 员 对 Closure 库 非 常 的 熟悉 。 

Atom 库 的 代码 在 与 DOM 进行 交互 时 会 被 用 于 项 目 中 的 方方面面 。 针 对 不 同 的 语言 绑 
4E, 处理 方式 略 有 差异 : 

1) JavaScript; 可 以 直接 使 用 Atom 库 ， 并 且 通 常 被 编译 成 单一 的 文件 脚本 。 

2) Java: 来 自 WebDriver 适 配 层 的 各 个 函数 在 编译 的 时 候 会 启用 优化 。 生 成 的 Javas- 
cript 在 JAR 中 作为 资源 被 包含 进来 。 

3) C; 如 下 hone WebDriver 和 IE WebDriver， 不 仅 各 个 函数 在 编译 时 都 启用 了 优化 ， 而 
且 生 成 的 输出 文件 也 被 转换 定义 成 头 文 件 中 的 常量 ， 并 被 WebDriver 中 的 JavaScript 执行 模 
块 所 调用 。 这 样 处 理 的 好 处 之 一 就 是 JavaScript 被 置 于 底层 驱动 中 ， 无 须 在 代码 各 个 地 方 直 
接 暴 露 神代 码 。 

广泛 使 用 Atom 库 的 第 一 个 优势 在 于 可 以 确保 在 不 同 浏览 器 之 间 的 行为 一 臻 性。 并 且 由 
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于 采用 JavaScript 编写 ， 其 开发 周期 普遍 比较 短 。 通 过 Closure 库 动态 加 载 各 种 库 依赖 ，Sele- 
nium 开发 人 员 可 以 在 浏览 器 中 仅仅 通过 单 击 刷新 按钮 就 能 查看 刚刚 修改 代码 的 结果 。 一 且 
在 某 一 个 浏览 器 中 测试 通过 ， 那 么 很 容易 就 能 够 在 另 一 个 浏览 锅 中 加 载 代 码 并 确保 通过 ， 因 
为 Closure 库 在 隔离 浏览 器 差异 性 方面 有 着 不 错 的 抽象 机 制 。 

Atom 库 的 第 二 个 优势 在 于 降低 了 修改 代码 的 成 本 。 原 先 一 个 需要 在 多 种 实现 中 反复 验 
证 和 修复 的 问题 ， 现 在 只 需要 在 一 个 地 方 修改 便 可 收工 。 这 种 方式 除了 降低 维护 成 本 ， 同 时 
还 提高 了 软件 的 稳定 性 和 有 效 性 。 

采用 Atom 库 的 第 三 个 好 处 是 使 一 种 很 重要 的 代码 迁移 手段 成 为 了 现实 。Selenium 团队 
编写 了 一 个 模拟 层 去 模拟 现 有 的 RC 实现 ， 而 在 底层 实际 调用 了 WebDriver 的 实现 代码 。 通 
过 这 种 方式 来 保证 已 经 编写 了 大 量 基 于 RC 实现 的 机 构 或 组 织 可 以 在 只 调整 几 行 代码 的 情况 
下 就 能 适 配 到 最 新 的 WebDriver API 上 ， 并 享受 到 WebDriver 带 来 的 各 种 优势 。 由 于 Seleni- 
um Core 是 原子 化 的 ， 所 以 可 以 单独 编译 每 一 个 函数 ， 这 就 确保 了 编写 这 个 模拟 层 易于 实现 
并 且 精 准 无 误 。 本 书 会 在 后 面具 体 阐述 这 种 实用 有 效 的 迁移 方式 。 






































4.3 WebDriver、Eclipse 和 Java 


Selenium WebDriver 的 下 载 和 安装 并 不 是 一 件 难 事 。 这 里 为 了 配合 较为 广泛 使 用 Java 语 
言 的 程序 员 ， 仅 以 WebDriver 的 Java 语言 的 语言 绑 定 进行 讲解 。 除 了 需要 安装 JDK， 基 本 上 
不 会 有 什么 其 他 让 人 烦心 的 事情 。 作 为 一 个 入 门 教程 ， 还 是 一 步 一 步 看 看 如 何 下 载 、 安 装 和 
配置 WebDriver， 还 有 其 他 附属 组 件 的 安装 和 配置 。 

步骤 1: 下 载 并 安装 Java 开发 环境 

1) 在 系统 中 安装 JDK (Java 开发 工具 包 ，JjJava Development Kit) 。 














注意 : 
这 里 需要 安装 的 是 JDK， 而 不 是 单纯 的 JRE(Java 运行 时 环境 ，Java Runtime Envi- 


ronment) 。 


2) 由 于 Sun 公司 已 经 被 Oracle 收购 ， 所 以 请 到 Oracle 官方 网 站 下 载 JDK。 地 址 如 下 : 
http: //www. oracle. com/technetwork/ java/ javase/downloads/index. html 
步骤 2: 下 载 并 安装 Eclipse 
到 Eclipse 官方 网 站 下 载 针 对 Java 开发 人 员 的 版 本 : 
http: //www. eclipse. org/downloads/ 
步骤 3: FÆ WebDriver 的 Java 客户 端 驱动 
1) Selenium WebDriver 文 持 多 种 编程 语言 的 绑 定 并 且 每 种 语言 都 有 自己 的 客户 端 驱动 。 
这 里 所 展示 的 是 基于 Java 编程 语言 的 范例 ， 因 此 需要 下 载 WebDriver Java Client Driver。 请 到 
Selenium 的 官方 地 址 进行 下 载 : 
http: //docs. seleniumhq. org/download/ 


2) 由 于 客户 端 驱 动 的 版 本 更 新 较 快 ， 用 户 可 根据 具体 需要 下 载 相应 的 版 本 ， 如 图 4.2 
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所 示 。 这 里 所 涉及 的 版 本 只 用 于 将 范例 阐述 清楚 。 








Java 2.37.0 2013-10-18 Download | Change log Javadoc 











Cs 2:37:0 2013-10-18 Download Change log API docs 
Ruby 2.37.0 2013-10-18 Download Change log API docs 
Python 2.37.1 2013-10-21 Download Change log API docs 
Javascript (Node) 2.37.0 2013-10-18 Download Changelog API docs 





图 4.2 Selenium 的 Java 客户 端 


3) 下 载 的 WebDriver Java Client Driver 默认 
为 zip 包 格 式 。 将 其 解压 后 如 图 4.3 所 示 ， 可 以 jin) |n L 
看 到 其 包含 一 个 lis 文件 夹 、 两 个 jar 包 和 人 
CHANGELOG 文件 。 下 面 将 讲述 如 何 将 它们 添 3 selenium-java-2.37.0-srcs.jar 
加 到 Eclipse 中 3$; selenium-java-2.37.0.jar 

步骤 4. 启动 Eclipse 并 配置 Selenium 2 
( WebDriver) 











图 4.3 Selenium 的 Java 客户 端 解 包 后 文件 夹 











Select a workspace 


Eclipse stores your projects in a folder called a workspace. 
Choose a workspace folder to use for this session. 


Workspace: ||/Selenium 2/eclipse-selenium/workspace | 了 | 





(O Use this as the default and do not ask again 

















图 4.4 启动 Eclipse 并 配置 Selenium 的 Workspace 


Java Settings 
Define the Java build settings. 


MEC s Order and Export 
JARs and class folders on the build path: 
P Bà JRE System Library [JavaSE- 1.7] 





























Add External JARs... 





Add Variable... 


| Edit... 


| Remove 





| Migrate JAR File... 

















到 








4.5 在 Eclipse 中 添加 Selenium JÆ 





“第 4 章 初 识 Selenium WebDriver 


1) Æ Eclipse 启动 时 选择 Workspace。 如 图 4.4 MIR, 创建 一 个 新 目录 用 于 保存 Web- 
Driver 的 工作 空间 。 

2) 通过 Eclipse 的 菜单 选择 File 一 New 一 Project 一 Java Project 命令 来 创建 一 个 Java 新 项 
目 。 在 进行 新 项 目 设置 步骤 中 ， 通 过 Add External JARs 将 之 前 下 载 的 WebDriver Java Client 
Driver 的 libs 和 另外 两 个 jar 包 添 加 到 项 目 中 来 ， 如 图 4. 5 所 示 。 单 击 Add External JARs 按 
钮 ， 选 择 libs 下 的 所 有 jar 包 并 添加 进来 。 单 击 Add External JARs 按钮 ， 选 择 selenium-java- 
2. 37. 0. jar 和 selenium-java-2. 37. 0-srcs. jar 这 两 个 jar 包 并 添加 进来 。 

3) 如 果 一 切 顺利 ， 茶 喜 你 ， 接 下 来 可 以 开始 编写 基于 WebDriver 的 测试 用 例 程序 。 
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通过 前 一 节 WebDriver 的 Java 语言 绑 定 客户 端 ， 我 们 已 经 知道 如 何 将 该 绑 定 导入 到 下- 
clipse 开发 环境 中 。 但 这 还 只 是 确保 了 测试 用 例 可 以 用 Java 语言 来 编写 并 且 能 与 真正 的 
WebDriver 进行 交互 。 接 下 来 才 是 真正 的 部 署 WebDriver 来 确保 测试 用 例 可 以 驱动 相对 应 的 
浏览 右 并 执行 测试 用 例 。 不 同 浏览 絮 所 对 应 的 WebDriver 下 载 地 址 如 下 : 

1) Firefox Driver; 由 于 Firefox Driver 是 直接 打包 在 WebDriver Java Client Driver "P, 
此 如 果 已 经 按照 4.3 节 中 所 描述 的 步骤 成 功 下载 了 WebDriver Java Client Driver， 就 不 需要 再 
另外 下 载 Firefox Driver。 

2) Chrome Driver: 支持 三 种 不 同 的 操作 系统 平台 ， 包 括 Windows, Linux 和 Mac OS, F 
载 地址 为 


http: //code. google. com/p/chromedriver/ 









































3) Internet Explorer Driver; 只 能 在 Windows 操作 系统 平台 上 运行 ， 但 是 要 区 别 32 位 版 
本 和 64 位 版 本 。 下 载 地 址 为 


http: //code. google.com/p/selenium/downloads/list 


在 使 用 相应 的 WebDriver zB, MIRARIZ TINEA IRE SS ZUR V sub WebDriver 所 
需 的 运行 环境 相 匹配 。 





*4.4.1 使 用 Firefox Driver 


Firefox Driver 是 最 容易 配置 和 使 用 的 WebDriver， 因 为 所 有 的 准备 工作 都 伴随 Java 语言 
绑 定 的 客户 端 被 打包 在 一 起 。 只 要 按照 前 述 章节 下 载 WebDriver Java Client Driver 就 能 够 使 
用 Firefox WebDriver。 

下 面 以 一 个 简单 的 例子 展示 如 何在 测试 用 例 中 调用 Firefox Driver。 示 例 代 码 如 下 : 








package com. learningselenium. simplewebdriver ; 


import org. openga. selenium. * ; 


import org. openga. selenium. firefox. FirefoxDriver ; 


> > 
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public class testrFirefoxDriver | 
public static void main( String| ] args) | 
WebDriver driver = new FirefoxDriver( ) ; 
driver. get( "http://www. baidu. com") ; 
String url = driver. getCurrentUrl( ) ; 
System. out. printin( url) ; 


driver. close( ) ; 


| 


示例 代码 详解 : 
1) 导入 Selenium 库 和 FirefoxDriver 库 。 
2) 启用 FirefoxDriver， 代 码 段 如 下 : 


WebDriver driver — new FirefoxDriver( ) ; 


3) driver. get () 方法 将 在 Firefox 浏览 需 中 打开 百度 的 主页 。 

4) driver. getCurrentUrl () 方法 将 获取 当前 页 面 的 URL 地 址 并 存储 在 变量 ud 中 。 如 果 
相同 的 操作 需要 在 Selenium IDE 中 完成 ， 那 么 需要 通过 storeLocation 命令 来 完成 。 

5) 通过 系统 命令 将 变量 url 的 字符 串 值 打印 出 来 ， 如 图 4. 6 所 示 。 























Markers Properties wo Servers lb Data Source [3 Snippets EJ Console X 


«terminated testFirefoxDriver [Java Application] /Library/Java/JavaVirtualMachines/1.7.0.jdk/ 
http://www. baidu.com/ 








图 4.6 在 Console 中 打印 的 日 志 信息 


以 上 就 是 最 简单 的 通过 FirefoxDriver 来 驱动 浏览 器 并 访问 Web 页 面 的 示例 程序 。 可 以 自 
行 修 改 URL 并 替换 成 自己 的 网 页 地 址 来 进行 测试 。 


小 贴 士 ， 如何 使 用 自 定义 的 FirefoxProfile? 








FirefoxProfile 用 于 定制 待 测试 的 Firefox 浏览 器 的 特定 属性 ， 其 中 包括 所 存储 的 密 
e 书签 、 历 史 信息 、Cookies 等 。 某 些 测试 用 例 需 要 用 到 特定 的 用 户 信 息 ， 因 此 可 以 通 

定制 当前 Firefox 运行 实例 的 FirefoxProfle 来 达到 目标 。 

1) 如 果 需 要 查看 当前 Firefox 运行 实例 的 FirefoxProfile， 可 以 通过 选择 Help 
Troubleshooting Information 一 Profile Folder 来 获取 。 

2) 如 果 和 希望 在 Firefox 启动 的 时 候 已 经 加 载 某 个 插件 ， 可 以 通过 addExtension 提前 
加 载 以 .xpi 为 扩展 名 的 插件 。 

3) 如 果 和 希望 Firefox 以 某 些 特定 偏好 设置 启动 ， 则 可 以 通过 setPreference 达到 
目的 。 
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4) 如 果 和 希望 Firefox 对 ssL 证 书 的 处 理 机 制 进行 调整 ， 可 以 通过 setAssumeUn- 
trustedCertificatelssuer 和 setAcceptUntrustedCertificates 来 达到 目的 。 

5) 如 果 和 希望 将 FirefoxProfile 导出 成 JSON 格式 ， 可 以 通过 toJson 来 处 理 。 

使 用 FirefoxProfile 的 示例 代码 如 下 、 


public class testFirefoxProfile | 
public static void main( String| ] args) | 
String profileilm)son —" * 
FirefoxProfile profile = new FirefoxProfile( ) ; 
try | 


profile. addExtension( new File( "/path/to/extension. xpi") ) ; 


profile. setPreference( "browser. startup. homepage", 


"about; blank") ; 


profile. setAssumeUntrustedCertificatelssuer( false) ; 


profile. setAcceptUntrustedCertificates( false) ; 


profilelnJson = profile. toJson( ) ; 


System. out. printin( profilelnJson) ; 
| catch (IOException e) | 
e. printStackTrace( ) ; 
WebDriver driver = new FirefoxDriver( profile) ; 


driver. get( "http://www. baidu. com") ; 


driver. close( ) ; 


JN: 测试 机 器 上 安装 了 多 个 Firefox， 如 何 指定 运行 哪 一 个 ? 
可 以 通过 FirefoxBinary 来 指定 运行 某 个 路 径 下 的 Firefox， 示 例 代 码 如 下 : 


public class testFirefoxBinary | 


public static void main( String| ] args) | 
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FirefoxBinary firefoxBinary = 
new FirefoxBinary ( new File("/path/to/chrome") ) ; 


FirefoxProfile firefoxProfile = new FirefoxProfile( ) ; 


WebDriver driver = new FirefoxDriver( firefoxBinary , firefoxProfile) ; 
driver. get( "http ; //www. baidu. com") ; 


driver. close( ) ; 


*4.4.2 使 用 Chrome Driver 


前 面 学 会 了 如 何 使 用 Firefox Driver 来 运行 程序 。 接 下 来 展示 的 是 如 何 使 用 Chrome Driver 
来 完成 同样 的 测试 功能 。 正 如 前 面 所 述 ， 有 别 于 Firefox Driver，Chrome Driver 需要 单独 进行 
下 载 。 下 载 地 址 已 经 在 前 面 引用 ， 这 里 就 不 再 蒙 述 。 

如 图 4.7 所 示 ， 请 针对 相应 的 操作 系统 进行 下 载 ， 并 将 下 载 到 的 zip 文件 解压 得 到 
chromedriver 文件 。 





Q9 chromedriver.storage.googleapis.com/index.html?path-2.7 / 








Index of /2.7/ 


Name Last modified Size ETag 





Parent Directory 
chromedriver linux32.zip 2013-11-22 23:02:01 7.08MB — $051ab7718126c55daa73dd8b13d10bf 


chromedriver linux64 zip 2013-11-22 23:54:23 7.24MB — 07e80e731ee845c16834c36142d03b8e 


chromedriver mac32.zip 2013-11-23 00:37:41 8.11MB — 7^519bf20080229e265942546824025 


chromedriver win32.zip ^ 2013-11-23 13:18:28 2.96MB — $9b86861545951bd24da0235£9793£67 


notes txt 2013-11-22 23:02:09 0.00MB 8da18f0b553807a79265aabca9929bd3 


E? a EB EP ao 


图 4.7 FÆ Chrome Driver 


使 用 Chrome Driver 的 示例 代码 如 下 : 





package com. learningselenium. simplewebdriver ; 


import java. util. concurrent. TimeUnit ; 
import org. openqa. selenium. By; 
import org. openqa. selenium. WebDriver ; 


import org. openqa. selenium. chrome. ChromeDriver ; 


public class testcChromenDriver | 


Static Thread thread — new Thread(); 
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public static void main( String| ] args) | 
System. setProperty ( "webdriver. chrome. driver", 


"/Selenium 2/selenium/chromedriver") ; 


WebDriver driver = new ChromepDriver( ) ; 
driver. get( "http://www. baidu. com") ; 
driver. manage( ). timeouts( ). implicitlywait(10, TimeUnit. SECONDS) ; 


if( driver. findElement( By. id ("kw") ). is&nabled( ) ) | 
System. out. printin ("Baidu Search text box is editable! "); 
driver. findElement( By. id ("kw") ). sendkeys( 'selenium") ; 
driver. findElement( By. id( "su") ). click( ) ; 


| 


else | 
System. out. printin( "Baidu Search text box is not editable! "); 


try | 
thread. sleep ( 5000) ; 


catch( Exception e) | 


System. out. printIn ("Error") ; 


driver. close( ) ; 


示例 代码 详解 ; 
1) 导入 Selenium 库 和 ChromeDriver 库 。 

2) 开启 一 个 延 时 的 线程 ， 用 于 处 理 页 面 出 错 的 情况 。 

3) 通过 以 下 方式 来 加 载 ChromeDriver， 其 中 第 二 个 参数 为 chromedriver 的 具体 路 径 . 








System. setProperty ("webdriver. chrome. driver", 


"/Selenium 2/selenium/chromedriver") ; 


4) 通过 ChromeDriver 打开 Google Chrome 1X] AAW AEE, fORBEZU T: 








WebDriver driver = new ChromeDriver (); 


driver. get ("http: //www. baidu. com") ; 
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5) 显 式 地 让 ChromeDriver 等 待 10 秒 以 让 百度 主页 完全 加 载 成 功 。 代 码 段 如 下 : 
driver. manage( ). timeouts( ). implicitlywait(10, TimeUnit. SECONDS) ; 


6) 如 果 搜 索 输 入 框 为 可 编辑 状态 ， 则 输入 selenium 并 单 击 搜索 按钮 进行 搜索 ， 否 则 打 
印 提示 搜索 输入 框 为 不 可 编辑 状态 。 代 码 段 如 下 : 


if( driver. findElement( By. id( "kw") ).isEnabled( )) | 














System. out. printIn( "Baidu Search text box is editable! "); 
driver. findElement( By. id( "«w") ). sendKeys( 'selenium") ; 
driver. findElement( By. id ("su") ). click( ) ; 
| 
eise | 
System. out. printIn("Baidu Search text box is not editable! "); 
| 
程序 成 功 运行 后 在 控制 台 会 有 图 4. 8 所 示 的 打印 信息 ， 包 括 ChromeDriver 的 版 本 信息 和 
测试 程序 中 的 正常 打印 信息 。 


[£i Markers E Properties 4/4 Servers W$ Data Source Explo [E Snippet 


testChromeDriver [Java Application] /Library/Java/JavaVirtualMachines / 1.7.0.jdk, 
Starting ChromeDriver (v2.7.236836) on port 42014 
Baidu Search text box is editable! 








[E 4.8 在 Console 中 的 ChromeDriver 的 版 本 信息 和 测试 程序 的 打印 日 志 


由 于 Chrome Driver 只 兼容 Chrome 浏览 器 12.0. 712. 0 和 之 后 的 新 版 本 ， 因 此 如 果 需 
要 在 老 版 本 的 Chrome 浏览 器 上 使 用 selenium， 则 只 能 使 用 selenium RO 来 完成 任务 。 
示例 代码 段 如 下 : 


URL seleniumRC = new URL (http: //localhost; 4444") ; 

URL testWebLink = new URL ("http; //www. google. com") ; 

CommandExecutor executor = new SeleneseCommandExecutor ( 
seleniumRC, testWeblLink, DesiredOapabilities. chrome ()) ; 


WebDriver driver = new RemoteWebDriver (executor) ; 


小 贴 士 ， 如 何 使 用 chromeoptions? 


Chromeopitions 类 似 于 FirefoxProfile， 用 于 定制 待 测试 的 Chrome 浏览 右 的 特定 
属性 。 
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1) 如 果 和 希望 测试 某 个 浏览 器 插件 ， 则 可 以 通过 addExtensions 方式 提前 加 载 以 . crx 
为 扩展 名 的 插件 。 

2) WREE Chrome 浏览 器 启动 时 附带 启动 参数 ， 则 可 以 通过 addArguments 方式 
来 加 载 。 

3) 如 果 和 希望 指定 机 器 上 特定 的 某 个 Chrome 版 本 来 运行 测试 ， 尤 其 是 同一 台 机 器 上 
安装 了 多 个 不 同 版 本 的 chrome 时 ， 则 可 以 通过 setBinary 来 指定 待 测试 的 Chrome, 


使 用 Ghromeoptions 的 示例 代码 如 下 : 
ChromeOptions options = new ChromeoOptions( ) ; 
options. addExtensions ( new File( "/path/to/extension. crx") ) ; 
options. addArguments( "arguments list") ; 


options. setBinary ( /path/to/chrome") ; 


WebDriver driver = new ChromeDriver( options) ; 





小 贴 士 ， 如何 使 chromeDriver 每 次 启动 的 端口 不 会 随机 变化 ? 


用 心 的 读者 会 发 现 ，ChromeDriver 在 不 指定 任何 参数 的 情况 下 ， 启 动 监听 端口 会 随 
机 变化 。 如 果 需 要 保证 其 端口 固定 不 变 ， 则 可 以 通过 chromeDriverservice 来 达到 目的 。 
示例 代码 如 下 : 


public class testChromeService | 
public static void main( String| ] args) | 
System. setProperty ( "webdriver. chrome. driver", 


"/ Selenium2/selenium/chromedriver") ; 


ChromenDriverService. Builder builder = 
new ChromeDriverService. Builder( ) ; 
ChromeDriverService chromeService = builder 
. usingDriverE xecutable ( 
new File( "/Selenium2/selenium/chromedriver") ) 


. usingPort( 3333) . build( ) ; 


try | 


chromesService. start( ) ; 
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e. printStackTrace( ) ; 


| 


WebDriver driver = new ChromeDriver( chromeService ) ; 


driver. get( "http://www. google. com") ; 
WebElement searchBox = driver. findElement( By. name( 'q") ) ; 
searchBox. sendKeys( "webdriver") ; 


searchBox. submit( ) ; 


driver. quit( ) ; 


chromeService. stop( ) ; 


*4.4.3 ”使 用 Internet Explorer Driver 


Internet Explorer Driver 只 能 运行 在 Windows 操作 系统 上 ; 相 较 于 Firefox Driver 和 Chrome 
Driver， 其 运行 速度 略 显 缓慢 。JInternet Explorer Driver 分 为 32 位 和 64 位 两 个 版 本 。 具 体 是 哪 
个 版 本 的 浏览 器 被 启动 ， 完 全 取决 于 所 使 用 的 Internet Explorer Driver 的 版 本 。 

















配置 Internet Explorer Driver 的 注意 事项 . 


1) 请 确保 IEDriverserver 的 可 执行 文件 在 系统 环境 变量 的 PATH 中 。 

2) 在 I[E7 和 以 上 版 本 的 Internet Explorer 上 ， 必 须 确保 保护 模式 的 正确 设置 。 设 置 
方式 为 Tools 一 Internet Options 一 Security。 每 个 不 同 的 zone 的 Protected Mode 都 需要 
保持 一 致 ， 要 么 都 是 Enable 状态 ， 要 么 都 是 非 Enable 状态 。 

3) Internet Explorer 的 缩放 尺寸 都 必须 设置 为 100% ， 这 样 原 生 的 鼠标 事件 才能 在 
正确 的 坐标 系 中 工作 正常 。 


这 里 简单 阐述 一 下 如 何在 Java 代码 中 调用 Internet Explorer Driver。 通 过 如 下 代码 段 就 可 
以 达到 目的 : 
WebDriver driver = new InternetExplorerDriver( ) ; 


如 果 之 前 忘记 将 下 载 的 IEDriverServer 可 执行 文件 的 路 径 配 置 到 PATH 中 ， 还 有 一 种 方 
式 可 以 告诉 程序 到 什么 地 方 找到 IEDriverServer 的 可 执行 文件 。 代 码 段 如 下 : 




















Id 


System. setProperty ("webdriver. ie. driver", 


"D: N Driver NIEDriverServer. Win32 2.37.0, latest \ IE DriverServer. exe") ; 
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在 使 用 正 DriverServer 可 执行 文件 时 ， 从 理论 上 来 说 是 可 以 通过 它 来 创建 并 使 用 多 个 同 
时 存在 的 Internet Explorer Driver 实例 的 。 但 在 实际 使 用 过 程 中 ， 总 是 会 碰 到 与 cookie 相关 的 
问题 、 窗 口 焦点 的 问题 、 浏 览 右 多 实例 等 可 能 会 面临 的 问题 。 如 果真 心 希望 使 用 Internet Ex- 
plorer Driver 的 多 个 实例 并 且 尽 可 能 地 避免 前 述 可 能 遇 到 的 问题 ， 建议 考虑 RemoteWebDriver 
的 方式 ， 并 通过 多 人 台 虚 拟 机 来 隔离 干扰 。 

有 一 种 解决 方案 来 应 对 使 用 Intemet Explorer Driver 多 个 实例 时 的 cookie 共享 问题 ， 即 在 
Internet Explorer 启动 时 先 清 理会 话 中 的 脏 数 据 。 这 可 以 通过 将 IE_ ENSURE... CLEAN_SES- 
SION 参数 传递 给 Internet Explorer Driver 并 在 此 模式 下 启动 Internet Explorer Driver 来 达到 目 
的 。 完 整 的 示例 代码 如 下 : 


package com. learningselenium. simplewebdriver ; 
































import org. openqa. selenium. * ; 
import org. openqga. selenium. ie. InternetE xplorerDriver ; 


import org. openqa. selenium. remote. DesiredCapabilities ; 


public class testlnternetExplorerDriver | 
public static void main( String| ] args) | 
System. setProperty ( "webdriver. ie. driver", 
"D. NDriver NEDriverServer. Win32, 2. 37. 0. latest NEDriverServer. exe 


DesiredCapobilities capab = DesiredCapabilities. internetE xplorer( ) 8 


capab. setCapability ( InternetExplorerDriver. IE. ENSURE. CLEAN. SESSION, 


true); 


WebDriver driver — new InternetExplorerDriver( capab ) ; 


driver. get( "http://www. baidu. com") ; 


| 

| 
示例 代码 详解 : 
1) 导入 InternetExplorerDriver 包 。 
2) 导入 DesiredCapabilities 包 。 代 码 段 如 下 . 





import org. openqa. selenium. remote. DesiredCapabilities ; 
3) 如 果 在 PATH 中 忘记 设置 IEDriverServer 可 执行 文件 的 路 径 ， 在 代码 中 也 可 以 通过 系 
统 设置 来 达到 目的 。 
4) 设置 DesiredCapabilities 的 属性 包含 正 _ ENSURE, CLEAN. SESSION 以 确保 在 浏览 器 实 T 
例 启 动 之 前 清理 会 话 的 脏 数据 。 代 码 段 如 下 : Y 
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DesiredCapabilities capab = DesiredCapabilities. internetExplorer( ) 8 


capab. setCapability( InternetExplorerDriver. IE. ENSURE, CLEAN. SESSION, true); 








5) 启动 Internet Explorer Driver 并 通过 浏览 器 打开 百度 主页 。 
小 巾 士 ， 如 何 绕 过 E 的 安全 保护 模式 ? 


自从 IE7 引入 Protected Mode DAR, 1E 浏览 占 的 安全 性 的 确 得 到 了 一 定 程度 的 提 
高 。 其 原理 从 本 质 上 来 讲 ， 在 浏览 某 些 需 要 启用 保护 模式 的 页 面 时 ,会 开启 一 个 新 的 浏览 
带 会 话 以 完成 任务 ， 而 此 时 你 无 法 控制 前 一 个 会 话 中 的 cow 对 象 。 随 之 而 来 的 问题 是 ， 
WebDriver 在 这 种 情况 下 会 遇 到 如 下 错误 提示 信息 : 
org. openga. selenium. WebDriverException: Unexpected error launching 
Internet Explorer. Protected Mode must be set to the same value ( enabled or disa- 


bled) for all zones. 


解决 方案 1 
可 以 通 过 设置 Internet Explorer 浏览 器 对 于 所 有 zone 的 Protected Mode 一 致 来 达 
A HER, zone 包括 Internet, Local intranet, Trusted sites 和 Restricted sites, iX 4 


个 zone 上 的 选项 Enable Protected Mode 要 人 么 全 部 勾 选 ， 要 人 么 全 部 不 色 选 。 





解决 方案 2 

解决 方案 1 对 于 只 有 少量 的 windows 测试 机 器 而 言 具 有 可 行 性 。 而 对 于 具有 大 规模 
的 windows 测试 机 需 的 机 构 而 言 ， 去 设置 每 一 台 windows 机 需 上 的 Internet. Explorer 
的 Protected Mode 的 工作 量 过 于 庞大 。 有 没有 更 加 高 效 的 解决 方案 来 达到 同样 的 效果 
呢 ? 答案 是 通过 设置 Internet Explorer Driver 的 Capability 为 IE. ENSURE. CLEAN. 


SESSION 达到 目的 。 示 例 代码 如 下 : 








public class testlnternetExplorerDriver | 
public static void main( String| ] args) | 
System. setProperty ( "webdriver. ie. driver", 


"D; NDriver NEDriverServer Win322. 37. 0 latest NE DriverServer. exe") ; 


DesiredCapabilities capab = 
DesiredCapabilities. internetExplorer( ) ; 
capab. setCapability ( 
InternetExplorerDriver. IE ENSURE CLEAN SESSION, true) 2 


capab. setCapability ( 
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InternetExplorerDriver. 
INTRODUCE FLAKINESS BY IGNORING SECURTITY. DOMAINS, 


true); 
WebDriver driver — new InternetExplorerDriver( capab ) ; 


driver. get( "http://www. baidu. com") ; 


| 





小 贴 士 ， 如 何 使 hternetExplorerDriver 每 次 启动 的 端口 不 会 随机 变化 ? 


用 心 的 读者 会 发 现 ，Internet Explorer Driver 在 不 指定 任何 参数 的 情况 下 ， 启 动 监听 
端口 会 随机 变化 。 如 果 需 要 保证 其 端口 固定 不 变 ， 可 以 通过 InternetExplorerDriverSer- 
vice 来 达到 目的 。 示 例 代码 如 下 : 








public class testlnternetExplorerService | 
public static void main( String| ] args) | 
System. setProperty ( "webdriver. ie. driver", 


"D; Npriver NEDriverServer Win322. 37. 0 latest NE DriverServer. exe") ; 


InternetExplorerDriverService. Builder builder = 
new InternetExplorerDriverService. Builder( ) ; 
InternetExplorerDriverService internetExplorerService = 


builder. usingPort( 5678) . withHost(" 27. 0. 0. 1") . build( ) ; 


DesiredCapabilities capab = 
DesiredCapabilities. internetE xplorer( ) ; 
capab. setCapability ( 
InternetE xplorerDriver. IE ENSURE CLEAN SESSION, true) 8 


capab. setCapability ( 
InternetExplorerDriver. 
INTRODUCE. FLAKINESS BY IGNORING SECURITY DOMAINS, 


true); 


WebDriver driver — new InternetExplorerDriver( 


internetExplorerService, capab) ; 
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driver. get( "http ; //www. baidu. com") ; 


4.5 WebDriver 与 浏览 器 


*4.5.1 操作 页 面 元 素 之 单 选 按 钮 


在 某 个 网 站 注册 时 , “性 别 ” 字 段 一 般 有 两 个 选项 : “ 男 ” 和 “ 女 ”。 如 果 不 允 许 用 户 
选择 多 个 选项 ， 可 以 使 用 表单 元 素 的 单 选 按钮 对 象 。 单 选 按钮 对 象 用 于 一 组 互相 排斥 的 值 ， 
也 就 是 用 户 只 能 从 选项 列表 中 选择 一 项 。 单 选 按钮 组 中 所 有 按钮 共享 同一 个 名 称 ， 所 以 浏览 
器 知道 将 按钮 组 合 在 一 起 ， 通 过 选中 其 中 一 个 按钮 ， 其 他 按钮 自动 变 为 未 选中 状态 
接 下 来 以 如 下 页 面 上 的 单 选 按钮 为 例 进行 讲解 ， 如 图 4.9 所 示 。 


http: //www. w3Schools. com/html/html. forms. asp 














Radio Buttons 

«input type-"radio"» defines a radio button. Radio buttons let a user sele 
«form» 

<input type="radio" name-"sex" value-"male"»Male«cbr- 


«input type="radio" name-"sex" value-"female"»Female 
</form> 


How the HTML code above looks in a browser: 


© Male 
® Female 





图 4.9 单 选 按钮 的 测试 页 面 
示例 代码 如 下 : 


package com. learningselenium. normalwebdriver ; 


import static org. junit. Assert. ** ; 


import org. junit. After; 

import org. junit. Before; 

import org. junit. Test; 

import org. openqa. selenium. By ; 

import org. openqa. selenium. WebDriver ; 


import org. openqa. selenium. firefox. FirefoxDriver ; 
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import org. openqa. selenium. WebElement ; 


public class testRadioButton | 
WebDriver driver = new FirefoxDriver( ) ; 


(9 Before 
public void setUp( ) throws Exception | 
driver. get( "http ; //www. w3schools. com/html/html forms. asp") ; 


(Test 
public void testRadioButton( ) throws Exception | 
WebkElement femaleRadioButton = 
driver. findElement( 
By. xpath ("// * | € id = “main Y] /Form| 3] /input| 2] ) ; 


if(! femaleRadioButton. isSelected( ) ) | 


femaleRadioButton. click ( ) ; 


assertTrue( femaleRadioButton. isselected( ) ) ; 


@ After 
public void tearDown( ) throws Exception | 


driver. quit( ) ; 


示例 代码 详解 : 
1) 使 用 FirefoxDriver 来 操作 浏览 絮 并 打开 测试 页 面 。 
2) 使 用 XPath 来 定位 radio 元 素 ， 此 例 中 以 Female 这 个 radio 按钮 作为 测试 目标 。 
3) 如 果 Female radio 按钮 没有 选中 ， 则 对 其 进行 click 操作 。 
4) 在 执行 click 操作 以 后 ， 再 次 验证 Female radio 是 否 被 选中 。 
在 WebDriver 中 ， 元 素 的 状态 检测 一 般 分 为 如 表 4. 1 所 示 几 种 。 
表 4.1 WebDriver 中 的 元 素 状 态 检 测 表 






























































方法 作用 方法 f£ 
isEnabled( ) 检测 元 素 是 否 启 isDisplayed( ) 检测 元 素 是 否 可 见 
isSelected( ) 检测 元 素 是 否 被 选中 
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太 4. 5.2 ”操作 页 面 元 素 之 多 选 按钮 


本 节 阐 述 如 何 通过 WebDriver 来 操作 页 面 上 的 多 选 按 钮 ， 即 Checkbox。 依 旧 以 w3schools 
的 页 面 为 例 进行 讲解 。WebDriver 基于 Firefox Driver， 并 且 本 例会 分 别 以 XPath 和 CSS 两 种 
方式 展示 Checkbox 元 素 的 定位 。 
测试 页 面 如 图 4. 10 所 示 ， 需 要 测试 的 Checkbox 元 素 分 别 为 I have a bike #0 I have a car, 








Checkboxes 


«input type="checkbox"> defines a checkbox. Checkboxes let a user select ZERO or MORE op 
choices. 


«form» 
«input type="checkbox" name-"vehicle" value-"Bike"»I have a bike<br> 
<input type="checkbox" name-"vehicle" value-"Car"»I have a car 

</form> 


How the HTML code above looks in a browser: 


B I have a bike 
DI have a car 


图 4. 10 多 选 按钮 的 测试 页 面 


示例 代码 如 下 : 


package com. learningselenium. normalwebdriver ; 


import static org. junit. Assert. assertTrue; 


import org. 
import org. 
import org. 
import org. 
import org. 
import org. 


import org. 


junit. After; 

junit. Before; 

jint Tests 

openqa. selenium. By; 

openqa. selenium. WebDriver ; 
openqa. selenium. WebElement; 


openqa. selenium. firefox. FirefoxDriver; 


public class testCheckbox | 


WebDriver driver = new FirefoxDriver( ) ; 


@ Before 


public void setUp( ) throws Exception | 


driver. get( "http ; //www. w3schools. com/html/html forms. asp") ; 


(Test 


$42: gR Selenium WebDriver 


public void testCheckbox( ) throws Exception | 
WebElement bikeCheckbox = 


driver. findElement( 
By. xpath ("// * | € ia = Vmain V] /form| 4 | /input[1 |") ) ; 


if( ! bikeCheckbox. isSelected( ) ) | 
bikeCheckbox. click ( ) ; 


assertTrue( bikeCheckbox. isSelected( ) ) ; 


WebkElement carCheckbox = 
driver. findElement( 


By. cssSelector( "input| value ='Car']") ) ; 


if( ! carCheckbox. isSelected( ) ) | 


carCheckbox. click ( ) ; 


assertTrue ( carCheckbox. isselected( ) ) ; 


@ After 
public void tearDown( ) throws Exception | 
driver. quit( ) ; 


| 


示例 代码 详解 : 
1) 基于 Firfox Driver 来 驱动 浏览 器 并 打开 测试 页 面 .: 


http: //www.w3schools. com/html/html. forms. asp 


2) 通过 XPath 的 方式 定位 到 Bike 这 个 多 选 按钮 。 代 码 段 如 下 : 








WebElement bikeCheckbox = driver. findElement ( 
By. xpath ('"/* [@id = N'"main N"] /form [4] /input [1] 9); 


3) 如 果 该 多 选 按 钮 没有 被 选中 ， 则 单 击 它 。 然 后 验证 单 击 后 的 状态 是 否 和 预期 


一 致 。 
4) 通过 CSS 的 方式 定位 到 Car 这 个 多 选 按钮 。 代 码 段 如 下 : 
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WebElement carCheckbox = driver. findElement( 


By. cssSelector( "input| value ='Car']") ) ; 


5) 如 果 该 多 选 按钮 没有 被 选中 ， 则 单 击 它 。 然 后 验证 单 击 后 的 状态 是 否 和 预期 
- 


*4.5.3 ”操作 弹出 窗口 之 验证 标题 


WebDriver 除了 可 以 处 理 浏 览 器 默认 窗口 上 的 元 素 ， 还 可 以 处 理 各 种 弹出 窗口 ， 包 括 但 
不 限于 识别 弹出 窗口 ， 在 新 弹出 的 窗口 中 执行 测试 步骤 ， 还 能 切换 到 原始 窗口 进行 后 续 的 操 
作 。 这 些 操 作 在 前 述 介 绍 Selenium IDE 的 章节 中 ， 已 经 展示 过 如 何 完成 以 上 的 多 窗口 步骤 。 
接 下 来 一 起 见证 如 何 通过 WebDriver 来 完成 这 些 复杂 的 动作 。 

本 节 以 Firefox Driver 为 主 进行 阐述 。 首 先 打开 父 窗 口 ， 通 过 变量 来 记录 父 窗口 的 控 点 ， 
如 图 4. 11 所 示 。 然 后 在 父 窗 口中 单 击 某 按钮 弹出 子 窗口 ， 如 图 4. 12 所 示 。 接 下 来 获取 所 有 
打开 窗口 的 控 点 列表 ， 查 找到 弹出 子 窗口 的 控 点 并 切换 到 子 窗 口 进行 操作 。 最 后 根据 之 前 保 
存 的 父 窗口 控 点 切换 回 父 窗口 。 
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图 4.12 待 测试 的 子 窗口 
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示例 代码 如 下 : 


package com. learningselenium. normalwebdriver ; 


import static org. junit. Assert. * ; 

import java .util. Set; 

import org. junit. After; 

import org. junit. Before; 

import org. junit. Test; 

import org. openqa. selenium. By ; 

import org. openqa. selenium. WebDriver ; 
import org. openqa. selenium. WebElement ; 


import org. openqa. selenium. firefox. FirefoxDriver ; 


public class testMultipleWwindowsTitle | 


WebDriver driver = new FirefoxDriver( ) ; 


( Before 
public void setUp( ) throws Exception | 


driver. get( "http://www. w3schools. com/ jsref/met win open. asp") ; 


@Test 
public void testMultipleWindowsTitle( ) throws Exception | 
String parentWindowld = driver. getWindowHandle( ) ; 


assertEquals ( "Window open( ) Method", driver. getTitle( ) ) ; 
WebkElement tryltButton = 

driver. findElement( By. xpath ( "// * | € id = Vmain Y] /div| 2] /a") ) ; 
tryltButton. click ( ) ; 
Set «String > allWindowsld = driver. getWindowHandles( ) ; 
for( String windowld : allWindowsld) | 


if (driver. switch To( ). window ( windowld ) 


.getTitle( ). contains("Tryit") ) | 


> > 
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driver. switchTo( ). window( windowld ) ; 


break; 


assertEquals("Tryit Editor v1. 8', driver. getTitle( ) ) ; 


driver. switch'To( ). window( parentwindowld ) ; 


assertEquals ( "Window open( ) Method", driver. getTitle( ) ) ; 


@ After 
public void tearDown( ) throws Exception | 


driver. quit( ) ; 


示例 代码 详解 ; 
1) 本 例 以 Firefox Driver 为 主 进行 前 述 。 首 先 打开 父 窗口 ， 并 且 通 过 变量 parentWindow- 
Id 记录 下 父 窗口 的 控 点 。 示 例 代 码 段 如 下 : 


String parentWindowld = driver. getWindowHandle( ) ; 














2) 验证 父 窗口 的 完整 标题 是 Window open () Method, "nl 4. 11 P 1 所 示 。 

3) 通过 XPath 定位 到 父 窗 口中 的 Try it yourself 按钮 ， 如 图 4. 11 中 2 所 示 ， 单 击 它 以 打 
开 弹 出 窗口 。 

4) 获取 所 有 打开 窗口 的 控 点 列表 。 示 例 代 码 段 如 下 : 
Set «String > allWindowsld = driver. getWindowHandles( ) ; 

5) 在 该 探 点 列表 中 查找 包含 Tryit 字符 串 作为 标题 的 窗口 控 点 ， 找 到 后 则 停止 查找 。 

6) 切换 到 包含 Tyit 字符 串 作 为 标题 的 窗口 ， 并 验证 其 完整 标题 为 Tryit Editor vl. 8。 示 
例 代 码 段 如 下 : 
driver. switchTo( ). window( windowld ). getTitle( ). contains ("Tryit") 

7) 通过 父 窗口 的 控 点 再 次 切换 回 原 父 窗口 ; 并 再 次 验证 其 完整 标题 为 Window open () 
Method， 确 认 此 处 窗口 切换 功能 的 完成 。 示 例 代码 段 如 下 : 




















driver. switchTo( ). window( parentwindowld ) ; 


Y assertEquals( "Window open( ) Method", driver. getTitle( ) ) ; 
Y 
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*4.5.4 ”操作 弹出 窗口 之 验证 内 容 


本 节 沿 用 了 4.5.3 节 中 的 示例 内 容 ， 唯 一 的 区 别 在 于 找到 新 弹出 窗口 的 方式 不 再 是 通过 
其 标题 来 进行 确定 ， 而 是 直接 通过 网 页 上 的 内 容 来 进行 确认 。 因 为 有 些 弹出 窗口 本 身 就 不 具 
备 标题 或 者 名 字 ， 因 此 只 能 通过 其 页 面 自身 所 具有 的 元 素 内 容 来 进行 确认 。 本 例 中 以 新 弹出 
窗口 上 的 一 部 分 文本 字符 串 作为 确认 目标 ， 如 图 4. 13 中 4 所 示 : open a new browser window, 








/ V Window open Method x / 区 TitEditorv1.8 x Nes 
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myFunction0 


open(http:/ /www.w3schools.com"); 





DS 








4.13. 弹出 窗口 和 窗口 上 的 字符 串 信 息 

















示例 代码 如 下 : 


package com. learningselenium. normalwebdriver ; 


import static org. junit. Assert. assertEquals; 


import java. util. Set; 


import org. junit. After; 

import org. junit. Before; 

import org. junit. Test; 

import org. openqa. selenium. By; 

import org. openqa. selenium. WebDriver ; 
import org. openqa. selenium. WebElement; 


import org. openqa. selenium. firefox. FirefoxDriver ; 


public class testMultipleWindowsPageContain | 


WebDriver driver = new FirefoxDriver( ) ; 


@ Before 
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public void setUp( ) throws Exception | 


driver. get( "http://www. w3schools. com/ jsref/met win open. asp") ; 


Q' Test 
public void testMultiplewindowsPageContain( ) throws Exception | 


String parentWindowld = driver. getWindowHandle( ) ; 
assertEquals ( "Window open( ) Method", driver. getTitle( ) ) ; 


Webklement tryltButton = 
driver. findElement( By. xpath ( '// * | & id = Vmain V ] /div[| 2] /a") ) ; 
tryltButton. click( ) ; 


Set «String > allWindowsld = driver. getWindowHandles( ) ; 


for( String windowld : allWindowsld) | 
if (driver. switch To( ). window ( windowld ) 
. getPageSource( ). contains ("open a new browser window") ) | 
driver. switch'To( ). window ( windowld ) ; 


break; 


assertEquals("Tryit Editor v1. 8', driver. getTitle( ) ) ; 


driver. switch To( ). window( parentwindowld ) ; 


assertEquals ( "Window open( ) Method", driver. getTitle( ) ) ; 


@ After 
public void tearDown( ) throws Exception | 


driver. quit( ) ; 
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示例 代码 详解 : 

1) 本 例 以 Firefox Driver 为 例 进行 阐述 。 首 先 打开 父 窗口 ， 并 日 通过 变量 parentWindow- 
Id 记录 下 父 窗口 的 控 点 。 

2) 验证 父 窗口 的 完整 标题 是 Window open( ) Method， 如 图 4.11 中 1 所 示 。 

3) 通过 XPath 定位 到 父 窗 口中 的 Try it yourself 按钮 ， 如 图 4. 11 中 2 所 示 ， 单 击 它 以 打 
开 弹 出 窗口 。 

4) 获取 所 有 打开 窗口 的 控 点 列表 。 

5) 在 该 控 点 列表 中 查找 页 面 内 容 中 包含 open a new browser window 字符 串 的 窗口 控 点 ， 
找到 后 则 停止 查找 。 示 例 代 码 段 如 下 : 


driver. switchTo( ). window( windowld ) 





. getPageSource( ). contains("open a new browser window") 


6) 切换 到 包含 Tryit 字符 串 作 为 标题 的 窗口 ， 并 验证 其 完整 标题 为 Tryit Editor vl. 8, 
7) 通过 父 窗口 的 控 点 再 次 切换 回 原 父 窗口 ， 并 再 次 验证 其 完整 标题 为 Window open () 
Method， 确 认 此 处 窗口 切换 功能 的 完成 。 


*4.5.5 ”操作 警告 框 、 提 示 框 和 确认 框 


Web 前 端 开发 人 员 通 常 需要 利用 JavaScript 弹出 对 话 框 来 给 用 户 一 些 提 示 信 息 ， 包 括 以 
下 几 种 类 型 但 不 限于 此 ; 

1) 警告 框 : 用 于 提示 用 户 相关 信息 的 验证 结果 、 错 误 或 警告 等 。 

2) 提示 框 : 用 于 提示 用 户 在 当前 对 话 框 中 输入 数据 ， 一 般 需 要 用 户 单 击 取消 或 者 确认 
按钮 。 

3) 确认 框 : 用 于 提示 用 户 确 认 或 者 取消 某 个 操作 。 一 般 需 要 用 户 单 击 取消 或 者 确认 
按钮 。 

本 节 以 如 下 页 面 为 例 进行 讲解 ， 如 图 4. 14 所 示 ， 包 括 了 和 警告 框 、 提 示 框 和 确认 框 。 


http: //sislands. com/coin70/week1 /dialogbox. htm 
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图 4.14 包括 警 


uu 


框 、 提 示 框 和 确认 框 的 待 测试 页 面 








示例 代码 如 下 : 
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package com. learningselenium. normalwebdriver ; 


import org. junit. After; 

import org. junit. Before; 

import org. junit. Test; 

import org. openqa. selenium. By ; 

import org. openqa. selenium. WebDriver ; 

import org. openqa. selenium. WebElement ; 

import org. openqa. selenium. firefox. FirefoxDriver ; 


import org. openqa. selenium. Alert; 


public class testDialogs | 


WebDriver driver = new FirefoxDriver( ) ; 


(9 Before 
public void setUp( ) throws Exception | 
driver. get( "http ///sislands. com/coin70/week1 /dialogbox. htm") ; 


Q' Test 
public void testAlertDialog( ) throws Exception | 
WebkElement alertButton = 
driver. findElement( By. xpath ( //input[ 9 value = 'alert' |" ) ; 


alertButton. click( ) ; 
Alert javascriptAlert = driver. switch TTo( ). alert( ) ; 
System. out. printin( javascriptAlert. getText( ) ) ; 


javascriptAlert. accept( ) ; 


Q'Test 
public void testPromptDialog( ) throws Exception | 
WebElement promptButton = 
driver. findElement( By. xpath ( //input| 9 value = 'prompt' |") ) ; 


promptButton. click( ) ; 
Alert javascriptPrompt = driver. switchTo( ). alert( ) ; 


javascriptPrompt. sendKeys( "This is Learning Selenium") ; 
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javascriptPrompt. accept( ) ; 
System. out. printin( javascriptPrompt. getText( ) ) ; 


javascriptPrompt = driver. switchTo( ).alert( ) ; 


javascriptPrompt. accept( ) ; 


promptButton. click ( ) ; 
javascriptPrompt = driver. switchTo( ). alert( ) ; 
System. out. printin( javascriptPrompt. getText( ) ) ; 


javascriptPrompt. dismiss( ) ; 


javascriptPrompt = driver. switch To( ). alert( ) ; 
System. out. printin( javascriptPrompt. getText( ) ) ; 


javascriptPrompt. accept( ) ; 


(Test 
public void testOonfirmDialog( ) throws Exception | 
WebElement confirmButton = 


driver. findElement( By. xpath ("//input[ 9 value = 'confirm']") ) ; 


confirmButton. click ( ) ; 
Alert javascriptConfirm = driver. switch To( ). alert( ) ; 


javascriptConfirm. accept( ) ; 


javascriptConfirm = driver. switch To( ).alert( ) ; 
System. out. printIn( javascriptConfirm. getText( ) ) ; 


javascriptConfirm. accept( ) ; 


confirmButton. click( ) ; 
javascriptConfirm = driver. switch To( ).alert( ) ; 
System. out. printIn( javascriptConfirm. getText( ) ) ; 


javascriptConfirm. dismiss( ) ; 


javascriptOConfirm = driver. switch To( ). alert( ) ; 


System. out. printIn( javascriptConfirm. getText( ) ) ; 
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javascriptConfirm. accept( ) ; 


@ After 
public void tearDown( ) throws Exception | 


driver. quit( ) ; 


| 


代码 执行 完 的 日 志 信息 如 下 : 
This is an alert! ! 
Your favorite color is; This is Learning Selenium 
What is your favorite color? 
You pressed Cancel or no value was entered! 
Your response was OK! 
Confirm Test. Continue? 


Your response was Cancel! 


示例 代码 详解 : 

1) 运行 警告 框 的 测试 用 例 。 通 过 XPath 定位 到 警告 按钮 并 单 击 它 ， 然 后 切换 到 警告 框 
并 将 其 窗口 控 点 赋予 Selenium 的 Alert， 以 此 来 操作 弹出 的 警告 框 。 最 终 执行 警告 枉 上 确认 
按钮 的 功能 。 

2) 运行 提示 框 的 测试 用 例 。 在 单 击 页 面 上 的 提示 框 按钮 后 ， 会 弹出 提示 框 ， 在 文本 输 
入 框 中 输入 This is Learning Selenium 的 文本 信息 ， 紧 接着 单 击 确认 按钮 。 然 后 再 次 对 提示 框 
进行 操作 并 单 击 取消 按钮 。 

3) 运行 确认 框 的 测试 用 例 。 同 理 也 是 先 执行 确认 框 上 确认 按钮 的 功能 ， 再 执行 确认 框 
上 取消 按钮 的 功能 。 


*4.5.6 ”操作 浏览 器 最 大 化 
从 2.21 版 本 开始 ，WebDriver 也 支持 浏览 絮 的 最 大 化 操作 。 示 例 代 码 如 下 .: 


package com. learningselenium. normalwebdriver ; 




















import org. junit. After; 

import org. junit. Before; 

import org. junit. Test; 

import org. openqa. selenium. WebDriver ; 


import org. openqa. selenium. firefox. FirefoxDriver ; 


public class testMaxmizeBrowser | 
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WebDriver driver = new FirefoxDriver( ) ; 


(9 Before 
public void setUp( ) throws Exception | 
driver. get( "http://www. baidu. com/") ; 


Test 
public void testMaxmizeBrowser( ) throws Exception | 


driver. manage( ). window( ). maximize( ) ; 


@ After 
public void tearDown( ) throws Exception | 


driver. quit( ) ; 


示例 代码 详解 : 
1) 本 例 选 用 Firefox Driver 为 浏览 器 驱动 。 

2) 打开 百度 主页 。 

3) 通过 WebDriver 的 window 方法 将 浏览 器 窗口 最 大 化 。 代 码 段 如 下 : 


driver. manage( ). window( ). maximize( ) ; 











*4.5.7 操作 浏览 器 Cookies 





现在 许多 社交 类 的 网 站 必须 登录 后 才能 进行 后 续 的 操作 ， 而 反复 地 登录 需要 多 次 填写 用 
户 名 和 密码 。WebDriver 提供 了 一 系列 Cookies 的 操作 来 获取 、 填 写 、 删 除 Cookies 的 方法 ， 
节省 了 多 次 在 登录 页 面 的 查找 元 素 并 填写 登录 信息 的 时 间 。 首 先 以 获取 Cookies 的 方法 为 例 
进行 讲解 ， 并 且 将 获取 的 Cookies 信息 保存 到 文件 中 以 备 后 续 使 用 。 示 例 代码 如 下 : 


package com. learningselenium. normalwebdriver ; 

















import java. io. BufferedWriter ; 
import java. io. File; 


import java. io. Filewriter; 


import org. openqa. selenium. By ; 
import org. openqa. selenium. Cookie ; 
import org. openqa. selenium. WebDriver ; 


import org. openqa. selenium. firefox. FirefoxDriver ; 
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public class testGetOookies | 


public static void main(String... args) | 


WebDriver driver = new FirefoxDriver( ) ; 


driver. get( "http://www. zhihu. com/#signin") ; 


driver. findElement( By. name( 'email") ) 


. sendKeys( "seleniumcookies(9 126. com") ; 


driver. findElement( By. name( 'password") ). sendKeys( "cookies 23") ; 


if ( driver. findElement( By. name( '"ememberme") ). isselected( ) ) | 


| 


driver. findElement( By. name("rememberme'") ). click( ) ; 


driver. findElement( By. className( 'sign-button") ). click( ) ; 


File cookieFile — new File( 


"zhihu. cookie. txt") ; 


try | 


cookieFile. delete( ) ; 

cookieFile. createNewrFile( ) ; 

FileWriter filewriter = new FileWriter( cookieFile) ; 

BufferedWriter bufferedWriter = new BufferedWriter( filewriter) ; 


for (Cookie cookie : driver. manage( ). getCookies( ) ) | 
bufferedWriter. write( ( cookie. getName( ) + ";" 
+ cookie.getValue( ) + ";" 
+ cookie. getDomain( ) + ";" 
+ cookie. getPath( ) + ";" 





+ cookie.getExpiry( ) + ";" 





+ cookie. isSecure( ))); 


bufferedWriter. newLine( ) ; 


bufferedWriter. flush( ) ; 
bufferedWriter. close( ) ; 


filewriter. close( ) ; 


| catch ( Exception ex) | 


| 


ex. printStackTrace( ) ; 


driver. quit( ) ; 
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示例 代码 详解 : 

1) 打开 知 乎 的 登录 页 面 。 

2) 填写 相关 用 户 信 息 ， 包 括 用 户 名 、 密 码 等 ， 然 后 进行 登录 。 

3) 新 建 一 个 本 地 文件 zhihu. cookie. ttt， 用 于 存储 后 续 获 取 的 Cookies 信息 。 

4) 通过 driver. manage () .getCookies () 获取 Cookies 信息 并 通过 缓存 和 文件 写 操 作 ， 
保存 到 zhihu. cookie. txt 文件 中 。 

接 下 来 展示 的 是 如 何 读 取 之 前 保存 的 Cookies 信息 并 用 于 自动 填充 到 新 打开 的 浏览 8 
Cookies 中 ， 然 后 直接 进入 登录 状态 后 的 页 面 。 示 例 代 码 如 下 : 
































package com. learningselenium. normalwebdriver ; 


import java. io. BufferedReader; 
import java. io. File; 

import java. io. FileReader; 
import java. util. Date; 


import java. util. StringTokenizer ; 


import org. openqa. selenium. Cookie ; 
import org. openqa. selenium. WebDriver ; 


import org. openqa. selenium. firefox. FirefoxDriver ; 


public class testAddOookies | 


private static BufferedReader bufferedReader; 


public static void main( String... args) | 


WebDriver driver = new FirefoxDriver( ) ; 
driver. get( "http: //www. zhihu. com/#signin") ; 


try | 
File cookieFile — new File( 
"zhihu. cookie. txt") ; 
FileReader fr = new FileReader( cookieFile) ; 
bufferedReader = new BufferedReader( fr); 
String line; 
while ( (line = bufferedReader. readLine()) ! = null) | 
StringTokenizer stringTokenizer = 


new StringTokenizer( line, ";") ; 


> > 


while (stringTokenizer. hasMoreTokens( ) ) | 
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O0 


| 


String name = stringTokenizer. nextToken( ) ; 
String value = stringTokenizer. nextToken( ) ; 
String domain = stringTokenizer. nextToken( ) ; 
String path — stringTokenizer. nextToken( ) ; 
Date expiry -— null; 
String dt; 
if (! (dt = stringTokenizer. nextToken( ) ). equalis ("nun") ) | 
expiry = new Date( dt) ; 
| 
boolean isSecure = 
new Boolean ( stringTokenizer. nextToken ( ) ) . booleanValue 
(Je 
Cookie cookie = new Cookie( name, 
value, 
domain, 
path, 
expiry , 
isSecure) ; 


driver. manage( ). addCookie( cookie) ; 


| catch ( Exception ex) | 


ex. printStackTrace( ) ; 


driver. get( "http://www. zhihu. com") ; 





示例 代码 详解 : 


1) 打开 知 乎 的 登录 页 面 。 
2) 读 取 之 前 保存 Cookies 信息 的 zhihu. cookie. txt 文件 并 通过 缓存 操作 和 driver. manage 





.addCookies () 操作 将 登录 信息 填充 到 浏览 器 的 Cookies 中 。 





3) 打开 知 乎 的 主页 面 ， 可 以 看 到 已 经 直接 进入 登录 状态 后 的 页 面 。 


*4.5.8 ”操作 浏览 





WebDriver 还 提供 了 直接 操作 浏览 器 进行 前 进 、 后 退 、 局 





前 进 后 退 


新 等 操作 。 示 例 代码 如 下 : 


— 
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package com. learningselenium. normalwebdriver ; 


import org. openqa. selenium. WebDriver ; 


import org. openqa. selenium. firefox. FirefoxDriver ; 


public class testNavigate | 
public static void main( String... args) | 


WebDriver driver = new FirefoxDriver( ) ; 


driver. get( "http://www. baidu. com") ; 


System. out. printIn( "Go to url; " + driver. getCurrentUrl( ) ) ; 


driver. navigate( ). to( "http://www. cnblogs. com") ; 


System. out. printin( "Navigate to url; " + driver. getCurrentUrl( ) ) ; 
driver. navigate( ). refresh( ) ; 


driver. navigate( ). back( ) ; 


System. out. printin( "Back to url; " + driver. getcurrentUrl( ) ) ; 


driver. navigate( ). forward( ) ; 


System. out. printin( "Forward to url; " + driver. getGurrentUrl( ) ) ; 


driver. quit( ) ; 


示例 代码 详解 : 
1) 打开 百度 主页 并 打印 日 志 。 

2) 浏览 到 cnblogs 主页 并 打印 日 志 。 

3) 刷新 浏览 

4) 回 退 到 前 一 个 页 面 并 打印 日 志 。 

5) 再 前 进 到 最 后 一 个 页 面 并 打印 日 志 。 
测试 程序 执行 成 功 后 的 完整 打印 信息 如 下 : 














Go to url: http. //www. baidu. com/ 
Navigate to url; http; //www. cnblogs. com/ 
Back to url; http: //www. baidu. com/ 


Forward to url; http; //www. cnblogs. com/ 
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*4.5.9 ”操作 页 面 元 素 等 待 时 间 


WebDriver 在 操作 页 面 元 素 等 待 时 间 时 ， 提 供 了 两 种 等 待 方式 : 一 个 为 显 式 等 待 ， 





个 为 隐 式 等 待 。 其 区 别 在 于 : 
1) 显 式 等 待 : 明确 地 告诉 WebDriver 按照 特定 的 条 件 进行 等 待 ， 条 件 未 达到 就 一 直 等 
待 。 这 在 等 待 某 个 元 素 需 要 非常 长 的 时 间 时 非常 有 效 。 
2) ERE: 告诉 WebDriver 一 个 最 大 的 超时 时 间 ， 如 果 等 待 的 条 件 在 超时 以 前 就 满 
足 ， 则 立即 执行 后 续 操 作 而 无 须 等 待 超时 达到 。 





















































如 何 使 用 显 式 等 待 和 隐 式 等 待 的 示例 代码 如 下 : 











package com. learningselenium. normalwebdriver ; 


import java. util. concurrent. TimeUnit ; 


import org. openqa. 
import org. openqa. 
import org. openqa. 
import org. openqa. 
import org. openqa. 


import org. openqa. 


selenium. 
selenium. 
selenium. 


selenium. 


selenium 


selenium 


public class testWait | 


By; 
WebDriver ; 
WebElement; 


firefox. FirefoxDriver; 


. support. ui. WebDriverWoait ; 


. Support. ui. ExpectedCondition ; 


public static void main( String... args) | 


WebDriver driver 


new FirefoxDriver( ) ; 


driver. get( "http://www. google. com") ; 


WebElement searchBox = driver. findElement( By. name( 'q") ) ; 


searchBox. sendKeys( "Selenium 2") ; 


searchBox. submit( ) ; 


/ / Explicit wait 
(new WebDriverWait( driver, 10) ). 


until( new ExpectedCondition «Boolean >( ) | 


public Boolean apply( WebDriver d) | 


return d. getTitle( ). toLowerCase( ). startsWith( selenium") ; 


另 一 
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System. out. printIn( "Page title is; " + driver. getTitle( ) ) ; 
driver. navigate( ). back( ) ; 


/ /Àmplicit wait 
driver. manage( ). timeouts( ). implicitlywait(10, TimeUnit. SECONDS) ; 


driver. findElement( By. name( 'btnK") ). click( ) ; 


driver. quit( ) ; 


示例 代码 详解 ; 

1) 打开 Google 主页 ， 并 在 搜索 框 中 输入 Selenium 2 字符 串 并 进行 搜索 。 

2) 利用 显 式 等 待 ， 等 竺 条件 为 : 直到 浏览 器 的 标题 以 selenium 为 开头 出 现 才 进行 后 续 
操作 。 示 例 代 码 如 下 : 




















(new WebDriverWait( driver, 10) ). 
until( new ExpectedCondition «Boolean >( ) | 
public Boolean apply ( WebDriver d) | 
return d. getTitle( ). toLowerCase( ). startsWith( "selenium") ; 
| 
DE 


3) 打印 浏览 器 的 标题 信息 。 

4) 操作 浏览 器 回 退 到 前 一 个 搜索 页 面 。 

5) 利用 隐 式 等 待 ， 等 待 条 件 为 : 最 长 等 待 10 Bb, 如 果 在 10 秒 内 就 已 经 回 退 到 前 一 个 
页 面 ， 则 直接 执行 后 续 操 作 。 示 例 代码 段 如 下 : 


driver. manage( ). timeouts( ). implicitlywait(10, TimeUnit. SECONDS) ; 


6) 单 击 搜索 按钮 再 次 进行 搜索 。 
打印 浏览 锅 标 题 信息 的 日 志 如 下 ， 可 以 看 到 代码 中 使 用 toLowerCase () 方法 对 于 包含 
大 写 的 字符 串 全 部 进行 了 小 写 转换 : 


Page title is: Selenium 2 - Google ?7 























4.6 WebDriver 与 文件 系统 


*4.6.1 屏幕 截图 操作 


Selenium WebDriver 提供 了 截图 的 功能 ， 其 接口 函数 是 TakesScreenshot。 该 功能 是 在 


| 











[i 
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行 测试 用 例 的 规程 中 ， 需 要 验证 茶 个 元 素 的 状态 或 者 显示 的 数值 时 ， 可 以 将 屏幕 截取 下 来 
行 对 比 ; 或 者 在 异常 或 者 错误 发 生 的 时 候 将 屏幕 截取 并 保存 起 来 ， 供 后 续 分 析 和 调试 所 用 
这 里 以 百度 首页 为 例 学 习 一 下 截图 功能 的 接口 如 何 使 用 。 示 例 代 码 如 下 : 




















package com. learningselenium. normalwebdriver ; 


import org. junit. After; 

import org. junit. Before; 

import org. junit. Test; 

import org. openqa. selenium. WebDriver ; 

import org. openqa. selenium. firefox. FirefoxDriver ; 
import org. openqa. selenium. * ; 

import java. io. File; 


import org. apache. commons. io. FileUtils ; 


public class testTakesScreenshot | 


WebDriver driver = new FirefoxDriver( ) ; 


@ Before 
public void setUp( ) throws Exception | 
driver. get( "http://www. baidu. com/^) ; 


Q'Test 
public void testTakesScreenshot() throws Exception | 
File srcrile — 
( (CTakesScreenshot) driver). getScreenshotAs( OutputType. FILE) ; 


FileUtils. copyFile( srcFile, new File( "/Selenium 2/screenshot. png") ) ; 


@ After 
public void tearDown( ) throws Exception | 


driver. quit( ) ; 


示例 代码 详解 : 
1) 本 例 采 用 Firefox Driver 进行 讲解 ， 首 先 打 开 百 度 主页 。 
2) TakesScreenshot 接口 提供 了 getScreenshotAs ( ) 方法 以 截取 屏幕 。 在 这 里 指定 














进 


o 


了 
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OutputType. FILE 作为 参数 传递 给 getScreenshotAs () 方法 ， 其 含义 为 将 截取 的 屏幕 以 文件 
形式 返回 。 示 例 代码 段 如 下 : 
File srcFile = ( ((TakesScreenshot) driver). getsScreenshotAs( OutputType. FILE ); 


3) 使 用 FileUtils 工具 类 的 copyFile () 方法 保存 getScreenshot. () 返回 的 文件 对 象 。 


NEST 
UE: 


TakesScreenshot 接口 是 依赖 于 具体 的 浏览 器 ATI 操作 的 ， 所 以 在 HtmilUnit Driver 
中 并 不 文 持 该 操作 。 

在 本 例 中 Outputrype 类 采用 了 文件 类 型 。 实 际 上 Outputrype 类 可 以 支持 多 种 数据 
类 型 。 例 如 ， 它 还 支持 BASES 编码 或 者 BYTE 的 字符 串 。 以 BASES 编码 为 例 的 示例 代 
人 码 如 下 : 


String base64 = ((TakesScreenshot) driver). 
getScreenshotAs( OutputType. BASE64); 


*4.6.2 复制 文件 操作 


WebDriver 提供 了 一 个 文件 操作 的 类 ， 即 FileHandler。 可 以 使 用 这 个 类 的 FileHan- 
dler. copy () 方法 对 文件 和 日 录 进 行 复 制 操 作 。 示 例 代码 如 下 : 





package com. learningselenium. file; 


import java. io. File; 


import java. io. IOException; 
import org. openqga. selenium. io. FileHandler; 


public class testCopyFile | 
public static void main( String... args) | 
try | 
FileHandler. copy ( new File( "/source directory") , 


new File( "/destination directory") ) ; 


FileHandler. copy ( new File( "/source directory /file. txt") , 


new File( destination directory /file. txt") ) ; 


FileHandler. copy ( new File( /path/of/source directory") , 
new File( path/of/destination directory") , 
"suffix. txt") ; 
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| catch (IOException e) | 
e. printStackTrace( ) ; 


示例 代码 详解 : 
1) 将 源 目录 下 的 所 有 文件 复制 到 目的 目录 下 面 。 示 例 代码 段 如 下 : 


FileHandler. copy ( new File("/source directory") ， 








new File("/destination directory") ) ; 
2) 将 指定 的 文件 从 源 目录 复制 到 目的 目录 。 示 例 代 码 段 如 下 : 


FileHandler. copy (new File ("/source, directory/file. txt") , 





new File ("/destination, directory/file. txt") ) ; 


3) 将 以 suffix. txt 为 扩展 名 的 所 有 文件 从 源 目 录 复制 到 目的 目录 。 示 例 代码 段 如 下 : 





FileHandler. copy ( new File("/path/of/source directory") , 
new File("/path/of/destination directory") , 
"suffix. txt") ; 


*4.6.3 ”创建 目录 操作 
FileHandler 除了 可 以 进行 复制 文件 操作 ， 还 可 以 利用 FileHandler. createDir () 方法 创 
建 目 录 。 示 例 代码 如 下 : 
package com. learningselenium. file; 


import java. io. File; 
import java. io. IOException; 


import org. openqa. selenium. io. FileHandler; 


public class testCreateDirectory | 
public static void main( String... args) | 
try | 
FileHandler. createDir( new File("/new created directory") ) ; 


| catch (IOException e) | 
e. printStackTrace( ) ; 
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*4.6.4 ”删除 目录 操作 


FileHandler 既然 有 能 力 将 目录 创建 出 来 ， 也 具备 将 目录 删除 的 能 力 。 使 用 FileHand- 
er. delete () 删除 目录 的 示例 代码 如 下 : 





package com. learningselenium. file ; 
import java. io. File; 
import org. openqa. selenium. io. FileHandler; 


public class testDeleteDirectory | 
public static void main( String... args) | 


FileHandler. delete( new File( "/new created directory") ) ; 


X*4.6.5 ” 读 取 文件 操作 
FileHandler 读 取 文件 操作 会 调用 FileHandler. readAsString ( ) 方法 ， 其 示例 代码 如 下 : 


package com. learningselenium. file; 


import java. io. File; 


import java. io. IOException; 
import org. openga. selenium. io. FileHandler; 


public class testReadFile | 
public static void main( String... args) | 
try | 
String file — FileHandler. readAsString( 
new File( "/directory/fileoRead. txt") ) ; 
System. out. printin( file) ; 
| catch (IOException e) | 


e. printStackTrace( ) ; 


44-44 


83 


基于 Selenium 2 的 自动 化 测试 一 从 入 门 到 精通 


*4.6.6 压缩 目录 操作 

上 述 为 WebDriver 所 提供 的 文件 基本 操作 功能 ， 接 下 来 展示 如 何 压缩 目录 。 压 缩 操作 对 
于 需要 从 远程 机 器 获取 大 量 的 日 志文 件 或 截屏 文件 而 言 非常 有 效 。zip 类 的 使 用 方法 如 下 ， 
包括 压缩 和 解压 缩 ; 

















package com. learningselenium. file ; 


import java. io. File; 


import java. io. IOException; 


import org. openqga. selenium. io. FileHandler; 


import org. openqga. selenium. io. Zip; 


public class testZipFile | 
public static void main( String...args) | 
Zip zip = new Zip( ) ; 
ay | 
zip. zip( new File("/directory to zip") , 
new File( "final directory/zipped file. zip") ) ; 


System. out. printin( 


FileHandler. isZipped ("final directory /zipped file. zip") ) ; 


zip. unzip( new File( "/final directory/zipped file. zip") , 


new File( "/finatunzipped directory") ) ; 


| catch (IOException e) | 
e. printStackTrace( ) ; 


示例 代码 详解 : 
1) 将 指定 目录 下 的 所 有 文件 打包 压缩 成 单个 zip 文件 。 示 例 代码 段 如 下 : 





zip. zip( new File("/directory to zip") , 
new File( "/final. directory /zipped file. zip") ) ; 


2) 判断 一 个 文件 是 否 为 压缩 文件 。 示 例 代码 段 如 下 : 
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System. out. println( 


FileHandler. isZipped ( "final directory/zipped file. zip") ) ; 
3) 将 一 个 zip 文件 进行 解压 缩 。 示 例 代 码 段 如 下 : 


zip. unzip( new File( "/final directory/zipped file. zip") , 





new File( "/finaLunzipped directory") ) ; 


*4.6.7 ”临时 目录 操作 


WebDriver 还 提供 了 一 个 操作 临时 文件 系统 的 类 TemporaryFilesystem。 下 面 展示 获取 临时 
目录 的 绝对 路 径 和 临时 目录 可 用 空间 的 方法 。 示 例 代 码 如 下 : 





package com. learningselenium. file ; 
import java. io. File; 
import org. openqa. selenium. io. Temporary Filesystem; 


public class testTemporaryFileSystem | 
public static void main( String...args) | 
File tempDirectory = TemporaryFilesystem. 
getDefaultTmpFS( ). 
createTempDir( "prefix", "suffix") ; 
System. out. printIn( tempDirectory. getAbsolutePath( ) ) ; 
System. out. printIn( "Free Space of Temporary Directory is:" 


+ tempDirectory. getFreeSpace( ) ) ; 


*4.6.8 文件 权限 操作 


在 某 些 情况 下 ， 需 要 调整 文件 的 权限 ， 如 让 某 个 脚本 文件 变 成 可 执行 文件 。 下 面 展 示 如 
何 通过 FileHandler 来 调整 文件 的 权限 。 示 例 代 码 如 下 : 





package com. learningselenium. file ; 


import java. io. File; 


import java. io. IOException; 


import org. openqa. selenium. io. FileHandler; 


4-44 


85 


基于 Selenium 2 的 自动 化 测试 一 一 从 入 门 到 精通 


44-4 


86 


public class testFilePermission | 
public static void main( String... args) | 
if(! FileHandler. canExecute( new File( /directory/file1. sh") ) ) | 

try | 

FileHandler. makeE xecutable( 
new File( "/directory/filet. sh") ) ; 

| catch (IOException e) | 

e. printStackTrace( ) ; 


try | 

FileHandler. makeWritable( new File( "/directory/file2. txt") ) ; 
| catch (IOException e) | 

e. printStackTrace( ) ; 


示例 代码 详解 : 
1) 判断 文件 本 身 是 否 是 可 执行 文件 。 示 例 代码 段 如 下 : 


FileHandler. canExecute( new File( "/directory/filet. sh") ) 
2) 修改 文件 的 权限 使 其 变 成 可 执行 文件 。 示 例 代 码 段 如 下 : 
FileHandler. makeExecutable( new File( '/directory/filet. sh") ) ; 
3) 修改 文件 的 权限 使 其 变 为 可 写 文 件 。 示 例 代码 段 如 下 : 


FileHandler. makeWritable( new File(Vdirectory/file2. txt") ) ; 














4.7 小 结 


本 章 首先 介绍 了 Selenium 2 的 主角 WebDriver。 从 介绍 WebDriver 与 Selenium RC 的 区 别 
逐步 深入 ， 进 而 展示 了 WebDriver 的 架构 ， 帮 助 读者 理解 WebDriver 的 设计 理念 。 接 下 来 阐 
述 了 WebDriver 的 部 署 和 WebDriver 的 基本 使 用 方法 ， 包 括 与 页 面 元 素 的 交互 、 浏 览 融 的 交 
互 、 文 件 系统 的 交互 。 在 下 一 章 中 会 介绍 更 多 关于 WebDriver 的 进 阶 知识 和 高 级 使 用 方法 。 
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5.1 WebDriver 与 HTML5 


*5.1.1 HTMLS 中 的 Video 


HTMLS 定义 了 新 元 素 < video > ， 本 示例 将 展示 如 何 完 成 对 < video > 的 测试 。 
本 例 采 用 了 JUnit 的 方式 来 组 织 代 码 。 关 于 JUnit 的 相关 知识 可 参考 其 官方 主页 : 
http :// junit. org 
本 例 采 用 Firefox Driver 来 进行 曾 述 ， 并 以 videojs 官方 页 面 为 例 进行 讲解 。 通 过 视频 播 
放 元 素 的 id 定位 到 该 < video > 元 素 ， 接 下 来 通过 HTML 代码 获取 视频 的 播放 源 并 进行 确认 ， 
最 后 控制 视频 的 播放 和 暂停， 如 图 5. 1 所 示 。 
示例 代码 如 下 : 











package com. learningselenium. html5; 
import static org. junit. Assert. * ; 
import org. junit. * ; 
import org. openqa. selenium. * ; 
import org. openqa. selenium. firefox. FirefoxDriver; 
public class testH'TMI 5VideoPlayer | 
WebDriver driver = new FirefoxDriver( ) ; 
(9 Before 


public void setUp( ) throws Exception | 
driver. get( "http; //video js. com/") ; 


(Test 
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WebElement video = driver. findElement( By. id("home. video. html5 api") ) ; 


JavascriptExecutor jse = (JavascriptExecutor) driver; 


String source = (String) jse. executeScript( 
"return arguments[ 0]. currentSrc;", video) ; 


assertEquals ("http ; //v js. zencdn. net/v/oceans. webm", source) ; 


jse. executeScript( "return arguments[ 0]. play( )", video) ; 


Thread. sleep( 5000) ; 


jse. executeScript( 'arguments[ 0]. pause( )", video) ; 


( After 


public void tearDown( ) throws Exception | 


driver. quit( ) ; 





X 


Console | umt ~ | CSS Scrip DOM Net Cookies 9:1 








js-poster < div£home..video-js < divvideo < div.row < div.container < div.banner < div#content < div£wrap < boc 


VIFIG CURE AIDE - 





P «div class-"hero"» 
Y «div class="row"> 
V «div classe"video spani8 offseti"- 
W «div id-"home video" class-"video-js vjs-default-skin vjs-paused vjs-controls-enabled vjs-user- 
i lus ud 2 : i 404.167px;"» 
lasse"vjs-tech" poster="/img 





dh. 070p Belghb.: 


«video ide"home video html5, api" 














H5. 1 测试 页 面 中 视频 元 素 的 id 和 播放 源 的 HTML 代码 信息 























示例 代码 详解 : 

1) 打开 videojs 的 主页 面 。 

2) 通过 视频 播放 元 素 的 id 定位 到 该 元 素 ， 其 id 信息 如 图 5.1 中 1 所 示 的 home_video_ 
html5_ api, 

3) 通过 HTML 代码 获取 视频 的 播放 源 并 进行 确认 ， 如 图 5.1 中 2 所 示 的 网 络 地 址 : 


http ://vjs. zencdn. net/v/oceans. webm 
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4) 通过 JavaScript 代码 播放 视频 。 代 码 段 如 下 : 
jse. executeScript( "return arguments]| 0]. play( )", video) ; 


5) EIR 5 fh. 
6) 通过 JavaScript 代码 暂停 视频 的 播放 。 代 码 段 如 下 : 


jse. executeScript("arguments|[ o]. pause( )", video) ; 




















*5.1.2 HTMLS 中 的 Canvas 


HTMLS 中 新 增 的 canvas HT iH — fV sS, Tek f 3I JavaScript 绘制 图 形 的 方法 。 它 在 
HTML 页 面 上 是 一 块 以 < canvas > 为 标签 的 矩形 区 域 。Canvas 具有 多 种 绘制 图 形 的 方法 ， 包 
括 直 线 、 圆 图 、 字 符 及 绘制 图 片 等 。 

下 面 将 以 如 何 通过 WebDriver 在 Canvas 上 绘制 图 形 为 例 来 进行 讲解 。 地 址 为 


http / /literallycanvas. com 


WebDriver 以 Chrome Driver WAHT, IM Actions Æ Canvas 上 绘制 一 个 封闭 图 形 。 
对 于 Canvas 上 的 操作 ， 推荐 Chrome Driver 或 者 Firefox Driver。 示 例 代 人 码 如 下 . 




















package com. learningselenium. html5; 


import org. 
import org. 
import org. 
import org. 
import org. 
import org. 
import org. 


import org. 


junit. After; 


junit. Before; 


Junie TEST; 


openqa. 
openqa. 
openqa. 
openqa. 


openqa. 


selenium. 
selenium. 
selenium. 
selenium. 


selenium. 


By; 

WebDriver; 
WebElement; 

chrome. ChromeDriver; 


interactions. Actions; 


public class testHTML5Canvas 


WebDriver driver; 


@ Before 


public void setUp( ) throws Exception | 


System. setProperty ( "webdriver. chrome. driver", 


"/Selenium 2/selenium/chromedriver") ; 


driver = new ChromepDriver( ) ; 


driver. get( "http: //Iiterallycanvas. com") ; 
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@Test 
public void testHTML5Canvas( ) throws Exception | 
WebElement canvas = driver. findElement( 


By. xpath ("// * | @ ia = Vabout Y] /div[ 1 ]/ 


canvas") ) ; 


Actions drawing = new Actions( driver) ; 

drawing. clickAndHold( canvas). moveByOffset(10, 50). 
moveByOffset(50, 10). 
moveByOffset( —10, —50). 
moveByOffset( —50, —10). 


release( ). perform( ) ; 


@ After 
public void tearDown( ) throws Exception | 


driver. quit( ) ; 


示例 代码 详解 : 
1) 配置 Chrome Driver 的 路 径 并 通过 Chrome 浏览 需 打 开 literallycanvas 主页 面 。 
2) 通过 XPath 定位 到 Canvas 元 素 ， 如 图 5.2 所 示 。 代 码 段 如 下 : 











WebElement canvas = 
driver. findElement( By. xpath( "// * | id = Vabout V ] /div| 1 ]/canvas") ) ; 


3) 通过 Actions TE Canvas 上 绘制 一 个 封闭 图 形 。 代 码 段 如 下 : 





Actions drawing = new Actions( driver ) ; 
drawing. clickAndHold( canvas). moveByOffset(10, 50). 
moveByOffset(50, 10). 
moveByOffset( —10, —50). 
moveByOffset( —50, —10). 


release( ). perform( ) ; 


4) 最 终 绘制 的 图 形 如 图 S. 3 所 示 。 
女 S. 1.3 HTMLS 中 的 Drag/Drop 


y iFrame 用 来 表示 文档 中 的 浮动 框架 。 以 下 示例 将 展示 如 何在 Selenium WebDriver 中 操作 
M iFrame， 并 通过 Actions 来 拖 上 忠和 移动 元 素 的 位 置 。 本 例 以 jQuery UI 官方 网 站 的 元 素 进 
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图 5.3 在 Canvas 上 绘制 的 封闭 图 形 





http://jqueryui. com/draggable 
示例 代码 如 下 : 


package com. learningselenium. html5; 


import java. util. NoSuchElementException ; 


import org. junit. After; 


import org. junit. Before; 


import org. junit. Test; 
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import org. openqa. selenium. By; 

import org. openqa. selenium. WebDriver ; 

import org. openqa. selenium. WebElement ; 

import org. openqa. selenium. firefox. FirefoxDriver ; 


import org. openqa. selenium. interactions. Actions ; 
public class testActionDragAndDrop | 
WebDriver driver = new FirefoxDriver( ) ; 


(9 Before 
public void setUp( ) throws Exception | 
driver. get( "http :// jqueryui. com/draggable/") ; 


Q' Test 
public void testDragAndDrop( ) throws Exception | 
driver. switchTo( ). 
frame( driver. findElement( By. className( 'demo-frame") ) ) ; 
Thread. sleep ( 3000) ; 
if (! isElementPresent( By. xpath("//div| id ^ 'draggabie/]") ) ) | 
Thread. sleep ( 3000) ; 
| 
WebElement draggable = 
driver. findElement( By. xpath ("//aiv[ @id ^ 'draggabie"]") ) ; 
new Actions( driver). dragAndDropBy (draggable, 200, 10). 
build ( ). perform( ) ; 
Thread. sleep (10000) ; 


(9 After 
public void tearDown( ) throws Exception | 


driver. quit( ) ; 


private boolean isElementPresent( By by) | 
try | 
driver. findElement( by) ; 
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return true; 
} catch ( NoSuchElementException e) | 


return false; 


示例 代码 详解 : 
1) 使 用 Firefox Driver 作为 浏览 器 驱动 。 
2) 打开 jQuery UI 官方 可 拖 忠 例子 的 页 面 ， 如 图 5. 4 所 示 为 需要 关注 的 iFrame 部 分 。 





Droppable 








Resizable Drag me around 
Selectable 


Sortable 


idgets 











Accordion 








ents | Resources Network Sources Timeline Profiles Audits Console 
TEUIV CUoss= LUITLETIL-T IYNE LWECLVE LULUIITS F 
v «div id-"content"» 
«h1 class-"entry-title"»Draggable«/h1» 
«hr» 
«p class-'"desc"-Allow elements to be moved using the mouse. </p> 


b «div class-'"demo-list'»..«/div» 
v «iframe srcz"/resources/demos/draggable/default.html" d 
Y #document - 


<!DOCTYPE html> 
v «html lang="en"> 
> «head»..«/head» 2 
Y <body> ge 
¥ «div id-"draggable" :lass-"ui-widget-content ui-draggable" style="position: 












relative, = 
«p»Drag me around</p> 
</div> 
</body> 
</html> 
</iframe> 





图 5.4 待 拖 忠和 矩形 方 框 的 id 信息 











3) 使 用 switchto () . frame 来 切换 焦点 到 iFrame E, Al 5.4 中 1 所 示 。 此 处 根据 其 
className 来 进行 定位 。 代 码 段 如 下 : 
driver. switchTo( ). frame( driver. findElement( By. className( 'demo-frame") ) ) ; 
4) 需要 移动 的 元 素 为 图 中 具有 Drag me around 的 和 矩形 方 杠 ， 其 id 为 draggable， 如 图 


5.4 中 2 所 示 。 
D 确认 该 矩形 方 框 在 当前 页 面 中 可 见 。 代 码 段 如 下 : 
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isElementPresent( By. xpath( m (9 id —'draggable']") 


(2) 确认 该 矩形 方 框 存 在 后 ， 通 过 Actions Xp R AEE OT CE SIRO E ORDER 
如 下 : 


new Actions( driver). dragAndDropBy ( draggable, 200, 10). build( ). perform( ) ; 


*5.1.4 HTMLS 中 的 Geolocation 


在 HTMLS 中 ， 新 特性 Geolocation 用 于 定位 用 户 的 位 置信 息 。 由 于 用 户 位 置信 息 为 敏感 
言 息 ， 所 以 需要 在 得 到 用 户 的 允许 后 ,才能 让 程序 通过 API 获取 当前 用 户 信息 。Selenium 
WebDriver 程序 每 次 重新 运行 都 是 新 的 会 话 进程 ， uu v 
行 浏 览 器 访问 用 户 的 位 置信 息 ， 但 是 在 当前 运行 环境 中 依旧 无 法 获取 之 前 的 用 户 设置 。 
问题 的 解决 方法 就 是 让 浏览 器 在 每 次 执行 Selenium. WebDriver 测试 程序 时 ， ENS " 
用 户 设置 即 可 。 

以 Firefox 为 例 ， 在 Mac OS 平台 上 ， 可 以 通过 如 下 命令 打开 用 户 Profile Ekko 


$ /Applications/Firefox. app/Gontents/MacOS/firefox-bin — ProfileManager 


打开 后 新 建 一 个 名 为 geolocation 的 Profile, WKI 5. 5 所 示 。 











© O O Firefox = Choose User Profile 


Firefox stores information about your settings, 
preferences, and other user items in your user profile. 


4 Default User 


Rename Profile... | 











Delete Profile... | 


Cl Work offline 


C] Don't ask at startup 


| Exit | | Start Firefox 





图 5.5 新 建 名 为 geolocation 的 Profile 
其 他 平台 上 的 打开 方式 可 查阅 官方 开发 者 文档 : 
https : //developer. mozilla. org/en-US/docs/Mozilla/Multiple Firefox Profiles 


创建 geolocation Profile 成 功 后 ， 单 击 Start Firefox 启动 Firefox 浏览 器 。 接 下 来 打开 与 HT- 
MLS Geolocation 相关 的 演示 网 站 : 





http://www. w3schools. com/html/html5 geolocation. asp 


通过 手工 的 方式 单 击 try it 按钮 并 且 人 允许 Share Location, WEI 5. 6 所 示 。 
接 下 来 便 可 以 看 到 当前 用 户 的 位 置信 息 显示 在 地 图 上 ， 如 图 5.7 所 示 。 























eo8 


-a HTML5 Geolocation 
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| 4 E S] e www.Ww3schools.com /html/html5 geolocation.asp 





Would you like to share your location with 


|^ — www.w3schools.com? 


Learn More... 


HTML HOME 


| Share Location ~] 





5.6 打开 浏览 器 的 Share Location 设置 
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图 5.7 HTML5 之 Google 地 图 


为 了 演示 完整 的 示例 代码 ， 还 需要 创建 一 个 包含 Geolocation 信息 的 JSON 文件 。 这 里 命 


名 为 location. json。 具 体内 容 如 下 : 
| 


"sta tus" : "Ok" / 


"accuracy": 10.0, 


"location"; |'"lat":52. 1771129, "Ing"; 5. 4099848} 


这 里 采用 了 TestNG 来 组 织 代 码 ， 完 整 的 示例 代码 如 下 : 


package com. learningselenium. html5; 


import org. openqa. selenium. By; 


import org. openqa. selenium. WebDriver ; 


import org. openqa. selenium. firefox. FirefoxDriver ; 
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import org. openqa. selenium. firefox. FirefoxProfile; 
import org. openqa. selenium. firefox. internal. Profileslni; 


import org. testng. annotations. * ; 


public class testHTML5Geolocation | 


private static WebDriver driver; 


(9 BeforeClass 
public void setUp( ) throws Exception | 
FirefoxProfile profile = new Profilesini( ). getProfile ("geolocation") ; 
profile. setPreference( "geo. wifi. uri", 
"/Selenium 2/mydoc/codes/A/location. json") ; 
driver = new FirefoxDriver( profile) ; 


driver. get( "http://www. w3schools. com/html/html5 geolocation. asp") ; 


@ Test 
public void testGetLocation( ) throws Exception | 


driver. findElement( By. cssSelector( "p#demo button") ). click ( ) ; 


(9 AfterClass 
public void tearDown( ) throws Exception | 


driver. quit( ) ; 


示例 代码 详解 : 
1) 选取 geolocation Profile, 示例 代码 段 如 下 : 





FirefoxProfile profile = new Profileslni( ). getProfile ("geolocation") ; 


2) 通过 location. json 文件 配置 Geolocation 信息 。 示 例 代 码 段 如 下 : 





profile. setPreference( "geo. wifi. uri", 
"/Selenium 2/mydoc/codes/4/location. json") ; 


3) 通过 定制 的 Profile 信息 启动 Firefox 浏览 

4) 通过 Firefox 浏览 器 打 开 HTMLS Geolocation 演示 页 面 。 

5) 通过 CSS 选择 器 定位 try it 按钮 并 且 通 过 WebDriver 的 接口 单 击 该 按钮 。 
6) 可 以 看 到 地 图 上 会 显示 当前 用 户 的 位 置信 息 。 
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5.2 RemoteWebDriver 


*5.2.1 RemoteWebDriver 简介 


RemoteWebDriver 包括 两 个 部 分 : 客户 端 和 服务 需 端 。 

1) 客户 端 是 基于 WebDriver 运行 的 测试 用 例 。 

2) 服务 器 端 是 一 个 简单 的 Java Servlet， 可 运行 在 任意 Java 运行 时 环境 中 。 服 务 器 端 一 
般 与 被 测试 浏览 器 运行 在 同一 台 主 机 上 。 可 以 通过 两 种 方式 启动 RemoteWebDriver 的 服务 器 
端 : 一 种 是 通过 命令 行 的 方式 ， 还 有 一 种 是 在 代码 中 进行 配置 。 


*5.2.2 RemoteWebDriver 的 优 缺 点 


1. RemoteWebDriver 的 优点 

1) 使 得 测试 用 例 和 被 测试 的 浏览 器 不 一 定 要 部 署 在 同一 台 机 器 上 。 

2) 即使 当前 运行 测试 用 例 的 操作 系统 不 支持 某 浏览 器 A， 也 可 以 通过 发 送 远 程 命 令 到 
远 端 待 测试 的 浏览 器 A Eo 

: RemoteWebDriver 的 缺点 

1) 需要 额外 的 Servlet 容器 运行 环境 。 

2) 从 远 端 服务 器 发 送 来 的 字符 串 可 能 存在 结尾 符号 不 兼容 问题 。 

3) 增加 了 网 络 延 时 。 


*5.2.3 RemoteWebDriver 服务 器 端 
首先 从 Selenium 官方 主页 下 载 Selenium Server。 下 载 链 接 如 图 5. 8 所 示 。 





Selenium Server (formerly the Selenium RC Server) 

The Selenium Server is needed in order to run either Selenium RC style scripts or Remote Selenium 
Webdriver ones. The 2.x server is a drop-in replacement for the old Selenium RC server and is designed 
to be backwards compatible with your existing infrastructure. 














| Download version 2.37.0 











To use the Selenium Server in a Grid configuration see the wiki page. 


图 5.8 FÆ Selenium Server 


1. js 行 方式 启动 RemoteWebDriver 服务 器 端 
1) 命令 行 启 动 RemoteWebDriver : 


$ java -jar selenium-server-standalone- | VERSION | man 
2) 超时 设置 : 针对 Selenium Server 有 两 种 超时 设置 ， 如 表 5. 1 所 示 。 
表 5.1 Selenium Server 的 超时 设置 

















超时 类 型 do xt 
timeout 在 单 次 会 话 中 允许 客户 端 断 开 的 时 长 ,单位 为 s Y 
y 
browserTimeout 浏览 器 停止 响应 的 时 长 ,单位 为 s y 
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3) 带 超 时 设置 的 命令 行 启动 方式 如 下 : 
$ java -jar selenium-server-standalone- | VERSION| dEr AMOU = 9) 


-browserTimeout =60 


4) 1E Selenium Server 2. 21 版 本 之 后 ， 原 超时 属性 selenium. server. session. timeout 不 再 
被 文 持 。 

5) browserTimeout 是 作为 timeout 超时 机 制 的 后 备 方案 而 存在 ， 这 样 可 以 确保 在 Grid/ 
Server 的 测试 环境 下 ， 一 旦 进程 发 生 朋 演 时 至 少 有 一 个 超时 会 被 触发 。 这 样 可 以 保证 进程 崩 
演 的 状况 不 会 持续 太 久 就 能 被 发 现 ， 以 防止 运行 时 环境 变 得 复杂 且 难 以 维护 。 

2. 在 代码 中 配置 RemoteWebDriver 服务 器 端 

1) RemoteWebDriver 的 DriverServlet 可 以 封装 在 一 个 轻 量 级 的 Servlet 容器 中 ， 如 Jetty。 
Jetty 是 一 个 开源 的 Servlet Akk, EKRA RRE AEH. Jetty 的 运行 速度 较 快 ， 而 且 
是 轻 量 级 的 ， 可 以 在 Java 代码 的 测试 用 例 中 控制 其 运行 。 从 而 可 以 使 自动 化 测试 不 再 依赖 
外 部 环境 ,顺利 实现 自动 化 测试 。 

2) 将 下 载 的 selenium-server. jar 放置 到 系统 的 CLASSPATH 下 。 

3) 创建 一 个 新 的 类 jettyEmbeddedSeleniumServer。 

示例 代码 如 下 : 
































package com. learningselenium. remotewebdriver ; 
import org. mortbay. jetty. Server; 
import org. mortbay. jetty. nio. SelectChannelConnector ; 


import org. mortbay. jetty. webapp. WebAppContext ; 


public class jettyEmbeddedSeleniumServer | 
public static void main( String s[ | ) throws Exception | 


Server server = new Server( ) ; 


WebAppContext context = new WebAppContext( ) ; 
context. setContextPath(" ") ; 


File st = new File("* ") ; 


context. setWar( st. getPath( ) ) ; 


server. addHandler( context) ; 
context. addServlet( DriverServlet. class, "/wd/ *") ; 
SelectChannelConnector connector = new SelectChannelConnector( ) ; 


connector. setPort( 3002) ; 


Server. addConnector( connector ) ; 


server. start( ) ; 


| 
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*5.2.4 RemoteWebDriver 客户 端 


在 前 面 的 章节 中 ， 已 经 曾 述 了 如 何在 WebDriver 中 使 用 TakesScreenshot 接口 来 截取 屏幕 
信息 。 但 是 在 RemoteWebDriver 中 不 能 直接 使 用 该 接口 来 完成 相同 的 操作 , 为 RemoteWeb- 
Driver 没有 实现 TakesScreenshot 这 个 类 。 如 果 浏 览 器 本 身 的 Driver 具备 截屏 的 功能 ， 就 可 以 








示例 代码 如 下 : 


























通过 TakesScreenshot 接口 的 Augmenter 类 来 间接 完成 在 RemoteWebDriver 中 截取 屏幕 的 操作 。 


package com. learningselenium. remotewebdriver ; 


import java. io. File; 


import java. net. URL; 


import org 


import org. 
import org. 
import org. 
import org. 
import org. 
import org. 
import org. 
import org. 
import org. 


import org. 


. apache. commons. io. FileUtils ; 


openqa. 
openqga. 
openqga. 
openqga. 
openqga. 
openqga. 


openga. 


junit. After; 
junit. Before; 
junit. Test; 
selenium. 
selenium. 
selenium. 
selenium. 
selenium. 
selenium. 


selenium. 


OutputType; 
"TakesScreenshot; 
WebDriver ; 

firefox. FirefoxDriver ; 
remote. Augmenter; 
remote. DesiredCapobilities ; 


remote. RemoteWebDriver ; 


public class testRemoteWebDriverTakesScreenshot | 


WebnDriver driver; 


@ Before 


public void setUp( ) throws Exception | 


driver = new RemoteWebDriver( 


new URL ("http://localhost ;4444/wd/hub") , 


DesiredCapabilities. firefox( ) ) ; 


(Test 
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public void testRemoteWebDriverTakesScreenshot( ) throws Exception | 


driver. get( "http://www. google. com") ; 
WebDriver augmentedDriver — new Augmenter( ). augment( driver ) ; 


File screenshot = (( TakesScreenshot) augmentedDriver ) . 
getScreenshotAs( OutputType. FILE ) ; 


FileUtils. copyFile( screenshot, 


new File( "Selenium 2/remotewebdriver screenshot. png") ) ; 


@ After 
public void tearDown( ) throws Exception | 


driver. quit( ) ; 


示例 代码 详解 : 

1) 以 Firefox 为 指定 浏览 器 ， 然 后 启动 本 地 的 RemoteWebDriver。 

2) 打开 Google 主页 。 

3) 由 于 Firefox Driver 本 身 具备 截屏 功能 ， 所 以 可 以 通过 Augmenter 来 增强 RemoteWeb- 
Driver 的 功能 ， 完 成 之 前 所 不 具备 的 截屏 功能 。 代 码 段 如 下 : 























WebDriver augmentedDriver = new Augmenter( ). augment( driver) ; 


File screenshot = ((TakesScreenshot)augmentedDriver). 


getScreenshotAs( OutputType. FILE ); 


4) 保存 截图 到 具体 的 文件 中 。 


5.3 WebDriver 的 事件 处 理 








在 WebDriver 中 存在 两 个 事件 处 理 的 类 ， 一 个 是 EventFiringWebDriver， 另 一 个 是 Web- 
DriverEventListener。 所 有 的 WebDriverEventListener 对 象 都 需要 注册 到 EventFiringWeb 


Driver 上 。 


*5.3.1 自 定义 事件 侦 听 


自 定 义 事件 侦 听 有 两 种 方法 。 一 种 是 实现 WebDriverEventListener 接口 ， 在 实现 中 添加 


M 自 定义 的 逻辑 ;由 于 是 接口 ， 所 以 需要 用 户 将 所 有 的 接口 方法 全 部 实现 一 遍 。 另 外 一 种 是 通 
V 过 继承 AbstractWebDriverEventListener 抽象 类 来 自 定义 事件 侦 听 类 并 添加 自 定 义 的 逻辑 ,H 
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需要 对 有 必要 添加 自 定义 逻辑 的 方法 编写 覆盖 的 逻辑 代码 即 可 。 下 面 以 后 者 为 例 进行 讲解 。 
示例 代码 如 下 : 








package com. learningselenium. event ; 


import org. openqa. selenium. WebDriver ; 
import org. openqa. selenium. WebElement ; 


import org. openqa. selenium. support. events. AbstractWebDriverE ventListener; 
public class MyEventListener extends AbstractWebDriverEventListener | 


@ Override 
public void afterNavigateTo( String url, WebDriver driver) | 


System. out. printIn( "After Navigate To" + url); 


(9 Override 
public void afterNavigateBack ( WebDriver driver) | 
System. out. printin( "After Navigate Back To" + 
driver. getCurrentUrl( ) ) ; 


@ Override 
public void afterClickOn( WebElement webElement, WebDriver driver) | 
System. out. printIn( "After Click On " + webElement. getText( ) ) ; 


示例 代码 详解 : 

1) 通过 继承 AbstractWebDriverEventListener 抽象 类 ， 只 需 履 盖 其 中 需要 添加 自 定义 逻辑 
的 方法 。 

2) 覆盖 afterNavigateTo () Jk, dw E i ru t Ul a 0] Ag 04 TR Js Fh A HJ AE 

3) Zm afterNavigateAfter ( ) 方法 ， 表 示 需 要 侦 听 浏览 器 回 退 浏 览 某 个 页 面 后 触发 的 
事件 。 

4) fui afterClickOn () 方法 ， 表 示 需 要 侦 听 鼠标 单 击 页 面 上 某 个 元 素 后 触发 的 事件 。 

接 下 来 通过 一 个 实例 来 展示 如 何 使 用 上 述 自 定义 的 事件 侦 听 。 


*5.3.2 事件 处 理 实例 
在 自 定义 了 事件 侦 听 之 后 ， 接 下 来 以 百度 主页 和 Google 主页 之 间 的 切换 ， 以 及 页 面 元 
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素 的 单 击 操作 来 讲解 自 定义 事件 侦 听 在 这 里 做 了 哪些 处 理 。 示 例 代码 如 下 : 





package com. learningselenium. event; 


import org. openqa. selenium. By; 

import org. openqa. selenium. WebDriver ; 

import org. openqa. selenium. firefox. FirefoxDriver ; 

import org. openqa. selenium. support. events. EventFiringWebDriver ; 


import com. learningselenium. event. MyEventListener; 


public class testWebDriverEvent | 
public static void main( String... args) | 


WebDriver driver = new FirefoxDriver( ) ; 


EventFiringWebDriver eventrFiringDriver = 
new EventFiringWwebDriver( driver) ; 
MyEventListener myEventListener = new MyEventListener( ) ; 


eventFiringDriver. register ( myEventListener) ; 


eventFiringDriver. get( "http://www. google. com") ; 
eventFiringDriver. get( "http: //www. baidu. com") ; 


eventFiringDriver. navigate( ). back( ) ; 
eventFiringDriver. findElement( By. name( "btnK") ). click( ) ; 


driver. quit( ) ; 


示例 代码 详解 : 

1) 用 FirefoxDriver 实例 化 WebDriver 对 象 。 

2) 实例 化 EventFiringWebDriver 对 象 ， 并 将 WebDriver 对 象 实例 传递 给 EventFiringWeb- 
Driver。 

3) 实例 化 自 定义 事件 侦 听 对 象 MyEventListener， 并 将 MyEventListener 对 象 注册 到 Even- 
tFiringWebDriver 对 象 中 。 示 例 代 码 段 如 下 : 





MyEventListener myEventListener = new MyEventListener( ) ; 


eventFiringDriver. register( myEventListener) ; 


4) 使 用 EventFiringWebDriver 对 象 打开 Google 主页 ， 此 时 会 触发 自 定 义 事件 侦 听 中 的 
afterNavigateTo () 方法 并 打印 日 志 。 
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5) 使 用 EventFiringWebDriver 对 象 打开 百度 主页 ， 此 时 会 触发 自 定义 事件 侦 听 中 的 af- 
terNavigateTo ( ) 方法 并 打印 日 志 。 

6) 使 用 EventFiringWebDriver 对 象 执行 浏览 句 回 退 操作 ， 此 时 会 触发 自 定 义 事件 侦 听 中 
的 afterNavigateAfter () 方法 并 打印 日 志 。 

7) 使 用 EventFiringWebDriver 对 象 查找 Google 主页 上 的 搜索 按钮 并 进行 单 击 ， 此 时 会 触 
发 自 定义 侦 听 中 的 afterClickOn () 方法 并 打印 日 志 。 

所 有 测试 代码 执行 完成 后 的 打印 信息 如 下 ， 包 括 两 次 正常 浏览 、 一 次 回 退 和 一 次 单 击 : 





After Navigate To http://www. google. com 

After Navigate To http://www. baidu. com 

After Navigate Back To https://www. google. com/ 
After Click On Google Search 


通过 自 定 义 事件 侦 听 ， 可 以 更 方便 地 记录 测试 代码 的 执行 与 各 种 页 面 操作 的 预期 步骤 是 


否 一 致 ; 也 可 以 很 方便 地 在 某 件 事 件 发 生 后 ， 添 加 一 些 辅助 代码 来 协助 后 续 测 试用 例 的 
执行 。 











5.4 Page Object 与 Page Factory 





所 谓 Page Object， 顾 名 思 义 为 “页 面 对 象 ”， 就 是 将 单个 页 面 作 为 一 个 对 象 来 处 理 。 每 
个 页 面 对 象 都 可 以 看 作 单 个 良好 结构 的 页 面 对 象 ， 包 括 属性 和 方法 。 其 中 ， 属 性 对 应 于 每 个 
页 面 元 素 ， 而 方法 对 应 于 如 何 去 操 作 这 些 元 素 ， 以 及 如 何 与 其 他 的 页 面 对 象 进行 交互 。 

以 面向 对 象 的 方式 来 处 理 页 面 和 业务 流程 的 好 处 在 于 ， 如 果 某 个 页 面 元 素 的 属性 有 了 变 
化 ， 只 需要 在 包含 这 个 元 素 的 页 面 对 象 中 调整 操作 该 元 素 的 属性 或 者 方法 即 可 。 

还 记得 2.8 节 的 Rollup 命令 吗 ? 回顾 一 下 ，Rollup 命令 用 于 将 一 系列 Selenium IDE 中 能 
用 的 命令 打包 在 一 起 ， 在 Selenium IDE 中 可 谓 奇 兵 一 枚 ， 因 为 通过 它 可 以 帮 测 试用 例 进 行 
“减肥 ”。Rollup 让 Selenium IDE 只 需要 使 用 单独 一 条 logincommands 就 可 以 替代 原先 4 条 命 
令 才能 完成 的 动作 。 即 使 重复 登录 ， 增 加 的 测试 用 例 的 步骤 也 只 是 多 一 条 Rollup 命令 而 已 。 
可 见 ，Rollup 功能 在 封装 多 条 相同 命令 时 非常 高 效 。 

下 面 以 cnblogs 网 站 的 登录 、 短 消息 处 理 、 退 出 等 流程 来 阐述 如 果 不 采 用 页 面 对 象 方式 
的 劣势 所 在 ， 以 及 如 何 通 过 页 面 对 象 来 解决 问题 。 页 面 对 象 的 模式 与 Rollup 方法 具有 异 曲 
同 工 之 妙 。 

已 申请 的 cnblogs 的 测试 账号 信息 如 下 : 


















































邮箱 地 址 : http://www. cnblogs. com 
用 户 A :Seleniumpageob ject 
3i i3 - pageob jecti 23 


场景 1: 


1) 打开 网 站 。 
2) 登录 网 站 。 
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3) 进入 “ 短 消息 ”文件 夹 。 
4) 发 送 两 条 “ 短 消息 ”。 
5) 退出 登录 状态 。 

场景 2 

1) 打开 网 站 。 

2) 登录 网 站 。 

3) 进入 “ 短 消息 ”文件 夹 。 
4) 发 送 一 条 “ 短 消息 ”。 


5) 进入 “ 收 件 箱 ” 文 件 夹 。 
6) 删除 所 有 短 消息 。 


7) 退出 登录 状态 。 
可 以 看 到 ， 用 户 有 两 次 登录 网 站 、 两 次 进入 “ 短 消息 ”、 三 次 发 送 “ 短 消 
除 “ 短 消息 ”， 以 及 两 次 退出 登录 状态 的 操作 。 


*5.4.1 不 使 用 Page Object 
在 不 使 用 页 面 对 象 方式 的 情况 下 ， 完 成 上 述 两 个 场景 的 测试 用 例 代码 如 下 : 


package com. learningselenium. pageobject. notuse; 


import java. util. concurrent. TimeUnit ; 


import org. 
import org. 
import org. 
import org. 
import org. 
import org. 


import org. 


openqga. 
openqga. 
openqga. 
openqga. 
openqga. 
openqga. 


openga. 


selenium. 
selenium. 
selenium. 
selenium. 
selenium. 


selenium. 


selenium 


Alert; 

By; 

WebDriver ; 
WebElement; 

firefox. FirefoxDriver; 


support. ui. ExpectedConditions ; 


. support. ui. WebDriverWoait ; 


public class testMessageNoPageOb ject | 


public static void main( String... args) | 


WebDriver driver 


/ /Aogin 


new FirefoxDriver( ) ; 


driver. get( "http://www. cnblogs. com") ; 
driver. findElement( By. link Text( "5 3&") ) .click( ) ; 


WebDriverWoait wait 


— new WebDriverWait( driver, 300) ; 


wait. until ( ExpectedConditions. 
visibilictyOFElementLocated( By. id( 'tbUserName") ) ) ; 


E 


JU 


` 


一 次 


删 
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driver. findElement( By. id ( 'tbUserName") ). 
sendkeys( 'seleniumpageob ject") ; 
driver. findElement( By. id ( 'tbPassword") ). sendKeys( 'pageob ject! 23") ; 
driver. findElement( By. id ( "btnLogin") ). click( ) ; 
driver. manage( ). timeouts( ). implicitlywait(3, TimeUnit. SECONDS) ; 


/ /message page 
driver. findElement( By. partialLink'rext( B TH EA") ). click( ) ; 
driver. manage( ). timeouts( ). implicitlywait(3, TimeUnit. SECONDS) ; 


//send message 1 
driver. find Element( By. linkText( "S855 3r A") ) . clic ( ) ; 
driver. manage( ). timeouts( ). implicitlywait(3, TimeUnit. SECONDS) ; 
driver. findElement( By. id ("txtIncept") ). 
sendkeys( 'seleniumpageob ject") ; 
driver. findElement( By. id ( "cxtTitle") ). 
sendkeys( 'testsendingMessaget1") ; 
driver. findElement( By. id ("txtContent") ). sendKeys( "text messages 1") ; 
driver. findElement( By. id ("btnSend") ). click ( ) ; 


/ /send message 2 
driver. findElement( By. partialLinkText(" 短 消息 ). click( ) ; 
driver. manage( ). timeouts( ). implicitlywait(3, TimeUnit. SECONDS) ; 
driver. findElement( By. linkText( 5857 39r 4d TH I." ) . click( ) ; 
driver. manage( ). timeouts( ). implicitlywait(3, TimeUnit. SECONDS) ; 
driver. findElement( By. id ( "cxtIncept") ). 

sendkeys( 'seleniumpageob ject") ; 
driver. findElement( By. id ("txtTitle") ) . 

sendkeys( 'testsendingMessage?2") ; 
driver. findElement( By. id ("txtContent") ). sendKeys( "text messages 2") ; 
driver. findElement( By. id ("btnsend") ). click( ) ; 


//logout for the 1st time 
driver. findElement( By. linkText( 5E H1") ). click ( ) ; 
wait. until ( ExpectedConditions. alertlsPresent( ) ) ; 
Alert logoutPrompt = driver. switch To( ). alert( ) ; 
logoutPrompt. accept( ) ; 
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/ /Aogin 
driver. get( "http://www. cnblogs. com") ; 
driver. findElement( By. link Text( "5 3&") ). click ( ) ; 
wait. until ( ExpectedConditions. 

visibilityOfEIementLocated( By. id( 'tbUserName") ) ) ; 
driver. findElement( By. id ('tbUserName") ). 

sendkeys( 'seleniumpageob ject") ; 

driver. findElement( By. id ( 'tbPassword") ). sendKeys( 'pageob ject! 23") ; 
driver. findElement( By. id ( "btnL.ogin") ). click ( ) ; 
driver. manage( ). timeouts( ). implicitlywait(3, TimeUnit. SECONDS) ; 


/ /message page 
driver. findElement( By. partialLinkText(" 短 消息 ). click( ) ; 
driver. manage( ). timeouts( ). implicitlywait(3, TimeUnit. SECONDS) ; 


//send message 3 
driver. findElement( By. linkText( 5857 39r d TH I." ) . click( ) ; 
driver. manage( ). timeouts( ). implicitlywait(3, TimeUnit. SECONDS) ; 
driver. findElement( By. id ( "ExtIncept") ). 
sendkeys( 'seleniumpageob ject") ; 
driver. findElement( By. id ( "extTitle") ) . 
sendkeys( 'testsendingMessage3") ; 
driver. findElement( By. id ("txtContent") ). sendKeys( "text messages 3") ; 
driver. findElement( By. id ("otnSend") ). click ( ) ; 


//message page 
driver. findElement( By. partialLink'rext( Aj TH EA") ). click ( ) ; 
driver. manage( ). timeouts( ). implicitlywait(3, TimeUnit. SECONDS) ; 


/ / select all received messages 
" A : * Ahon : 
driver. findElement( By. linkText( "WC PEAB") ) . click ( ) ; 
WebElement checkBoxSelectAll = 
driver. findElement( By. id ( "chkSelAll") ) ; 
if( ! checkBoxSelectAll. isselected( ) ) | 
check BoxSelectAll. click ( ) ; 


| 


/ / delete all received messages 
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driver. findElement( By. id ("otnBatDel") ). click( ) ; 
wait. until ( ExpectedConditions. alertlsPresent( ) ) ; 
Alert confirmDeletePrompt = driver. switch To( ). alert( ) ; 


confirmDeletePrompt. acceptí( ) ; 


//Aogout 
driver. findElement( By. linkText( 5E H1") ). click ( ) ; 
wait. until ( ExpectedConditions. alertlsPresent( ) ) ; 


driver. switch'To( ). alert( ). accept( ) ; 


driver. quit( ) ; 





示例 代码 详解 : 

1) 打开 cnblogs 主页 。 

2) 单 击 “ 登 录 ” 链 接 ， 并 利用 显 式 的 条 件 等 待 来 确保 登录 页 面 正确 打开 后 再 执行 
操作 。 示 例 代码 段 如 下 : 





未 
x 

















driver. findElement( By. link Text ( "5 3€") ). click( ) ; 
WebDriverWait wait = new WebDriverWait( driver, 300); 
wait. until ( ExpectedConditions. 
visibilictyOfElementL ocated ( By. id ( tbUserName") ) ) ; 


3) 在 登录 页 面 输入 相关 用 户 信息 并 进行 登录 。 

4) 以 “ 短 消息 ”为 链接 的 部 分 关键 字 找 到 页 面 元 素 (因为 在 “ 收 件 箱 ” 有 未 读 短 消 
息 的 情况 下 ,“ 短 消息 ”文本 后 会 附带 收 到 的 未 读 短 消息 的 数量 ) ， 然 后 单 击 进 入 “ 短 消 息 ” 
页 面 ， 并 隐 式 等 待 3 秒 。 示 例 代 码 段 如 下 : 


driver. findElement( By. partialLinkText('" 短 消息 ") ). click( ) ; 
driver. manage( ). timeouts( ).implicitlyWait( 3, TimeUnit. SECONDS) ; 
5) 撰写 两 条 新 的 短 消息 并 进行 发 送 。 
6) 退出 登录 状态 ， 此 时 会 弹出 一 个 确认 退出 的 提示 框 。 这 里 利用 显 式 的 条 件 等 待 来 确 
保 提 示 框 正常 弹出 后 ， 再 确认 退出 即 可 。 示 例 代码 段 如 下 : 


driver. findElement( By. linkText(" 退 出 ") ). click( ) ; 





























wait. until( ExpectedConditions. alertlsPresent( ) ) ; 
Alert logoutPrompt = driver. switchTo( ). alert( ) ; 
logoutPrompt. accept( ) ; 
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7) 再 次 登录 并 进入 “ 短 消息 ”页 面 ， 然 后 发 送 一 条 短 消息 。 
8) 进入 “ 收 件 箱 ”， 选 中 所 有 已 接收 的 短 消息 并 进行 删除 ， 此 时 会 弹出 一 个 确认 删除 
的 提示 框 ， 确 认 删 除 即 可 。 示 例 代码 段 如 下 : 


//select all received messages 
driver. findElement( By.linkText(" 收 件 箱 ") ) . clic ( ) ; 
WebElement checkBoxSelectAll = driver. findElement( By. id ( "chkSelAll") ) ; 
if(! checkBoxSelectAll. isSelected( ) ) | 
check BoxSelectAll. click ( ) ; 


// delete all received messages 

driver. findElement( By. id( "btnBatDel") ). click( ) ; 

wait. until ( ExpectedConditions. alertlsPresent( ) ) ; 

Alert confirmDeletePrompt = driver. switch To( ). alert( ) ; 


confirmDeletePrompt. accept( ) ; 


9) 再 次 退出 登录 状态 。 

从 上 述 代码 可 以 看 出 ， 有 大 量 的 重复 代码 存在 。 想 象 一 下 ， 如 果 某 个 页 面 元 素 的 ID 有 
变化 ， 如 “撰写 新 短 消 息 ” 页 面 中 的 “主题 ”的 ID 调整 了 ， 那 就 不 得 不 修改 多 处 代码 来 满 
足 需 求 。 如 果 这 样 的 重复 代码 有 多 达 100 多 处 ， 那 修改 调整 的 工作 量 就 太 大 了 。 

为 了 解决 这 个 问题 ， 可 以 采用 面向 对 象 的 方式 来 处 理 页 面 之 间 的 交互 。 将 单个 页 面 上 的 
页 面 元 素 和 相应 操作 封装 到 一 个 页 面 对 象 中 ， 接 下 来 就 介绍 主角 : Page Object, 


*5.4.2 使 用 Page Object 


在 上 述 场景 中 ， 存 在 着 这 么 几 个 基本 页 面 ， 以 及 它们 之 间 的 切换 : 
1) 网 站 主页 面 ， 包 括 “ 登 录 ” 链 接 、“ 退 出 ”链接 : MainPage。 
2) 登录 页 面 ， 包 括 “ 用 户 名 ”输入 框 、 “密码 ”输入 框 和 “登录 ”按钮 : LoginPage。 
3) 短 消息 页 面 ,包括 “ 短 消息 ”链接 、 “撰写 新 短 消息 ”链接 、“ 收 件 箱 ” 链 
接 : MessagePage。 
4) 撰写 短信 页 面 ， 包括“ 收 件 人 ”输入 框 、“ 主 题 * 输 入 框 、“ 内 容 ” 输 入 框 和 “发 
送 ”按钮 : SendMessagePage。 
5) 收 件 箱 页 面 ， 包括“ 选中 所 有 ” 复 选 框 “删除 选中 的 短 消息 ” 按 钮 ， Re- 
ceivedMessgePage。 
6) 退出 页 面 : LogoutPage。 
下 面 分 别 介绍 一 下 如 何 通过 页 面 对 象 的 方式 分 别 封装 这 些 页 面 ， 以 及 最 终 的 测试 代码 。 
1. LoginPage 
登录 页 面包 括 “用 户 名 ”输入 框 .“ 密 码 ”输入 框 和 “登录 ”按钮 ， 如 图 S. 9 所 示 。 
M 这 个 页 面 的 作用 是 验证 用 户 名 和 密码 并 登录 网 站 ， 将 其 封装 为 LoginPage 类 。 其 示例 代 
码 如 下 : 
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登录 到 博客 园 立即 注册 


用 户 名 











用 户 名 不 能 为 室 
密码 

















图 $.9  LoginPage 页 面 


package com. learningselenium. pageobject. normaluse ; 


import java. util. concurrent. TimeUnit ; 


import org. openqa. selenium. By ; 
import org. openqa. selenium. WebDriver ; 


import org. openqa. selenium. WebElement ; 


public class LoginPage! | 
WebnDriver driver; 
WebkElement username; 
WebkElement password; 


WebElement loginbutton; 


public LoginPaget ( WebDriver driver) | 


cssevere = Ven: 


username = driver. findElement( By. id ("toUserName") ) ; 
password = driver. findElement( By. id ( 'tbPassword") ) ; 


loginbutton = driver. findElement( By. id("btnLogin") ) ; 


public void login( String userName, String passWord) | 


username. sendKeys( userName) ; 
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password. sendKeys( passWord ) ; 


loginbutton. click( ) ; 


driver. manage( ). timeouts( ). implicitlywait(3, TimeUnit. SECONDS) ; 


示例 代码 详解 : 

1) 在 类 中 定义 了 三 个 WebElement 属性 ， 用 于 记录 “用 户 名 ”、“ 密 码 ” 和 “登录 ” 按 
钮 这 三 个 页 面 元 素 。 

2) 除了 属性 ， 还 定义 了 一 个 login () 方法 ， 用 于 发 送 用 户 名 和 密码 并 登录 网 站 。 

2. LogoutPage 

退出 页 面 并 不 是 一 个 普通 意义 上 的 Web 页 面 ， 只 是 一 个 弹出 确认 框 而 已 ， 如 图 5.10 所 
示 。 既 然 如 此 ， 为 什么 还 需要 将 它 封装 成 一 个 类 呢 ? 这 么 处 理 的 原因 在 于 为 了 将 退出 的 细节 
封装 起 来 ， 以 保证 测试 用 例 代 码 不 需要 关心 退出 的 细节 内 容 。 对 于 测试 用 例 代 码 而 言 ， 所 谓 
“退出 ”就 是 单个 运行 步 又 而 已 。 其 优势 显而易见 是 在 最 终 的 测试 用 例 代码 中 只 需要 一 句 代 
码 ， 测 试 逻辑 清晰 可 见 。 


网 站 首页 找 找 看 seleniumpageobject 


Qs EE 


cnblogs.com 


















The page at space.cnblogs.com says: 
确定 要 退出 吗 ? 


首页 园子 “新闻 a AF m | Cancel | OK 








图 $. 10  LogoutPage 的 退出 确认 弹出 框 
LogoutPage 类 的 示例 代码 如 下 : 





package com. learningselenium. pageobject. normaluse ; 


import org. openqa. selenium. WebDriver ; 
import org. openqa. selenium. support. ui. ExpectedConditions ; 


import org. openqa. selenium. support. ui. WebDriverWait; 


public class LogoutPagel | 


WebDriver driver; 


public LogoutPaget ( WebDriver driver) | 


vA Crer = Crag 
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public void logout( ) | 
WebDriverWait wait = new WebDriverWait( driver, 300) ; 
wait. until ( ExpectedOConditions. alertlsPresent( ) ) ; 


driver. switch To( ). alert( ). accept( ) ; 


示例 代码 详解 : 

1) deg iuo WebDriver。 

2) X logout () 方法 ， 封 装 弹出 框 的 处 理 细节 ， 包 括 显 式 等 待 弹出 框 的 出 现 ， 以 及 
确认 退出 。 

3. MainPage 

主页 面 主要 负责 “登录 ”和 “退出 ”两 个 链接 ， 并 通过 单 击 来 触发 LoginPage 和 Lo- 
goutPage， 如 图 5.11 和 图 5. 12 所 示 。 在 图 5.12 所 示 页 面 上 除了 “退出 ”链接 ， 还 有 “ 短 消 
息 ” 链 接 。 在 MainPage 类 中 没有 将 “ 短 消 息 ” 链 接 元 素 封 装 进来 ， 而 放置 到 MessagePage 
中 ， 是 为 了 保证 “撰写 新 短 消息 ”操作 的 连贯 性 。 


[ 登录 . 注册 ] seleniumpageobject - 我 的 博客 ' 短 消息 (2) - 设置 . 退出 


> < E 














就 在 博客 园 | 


图 5.11 MainPage 的 待 登录 状态 5.12 MainPage 的 待 退出 状态 





) EN Es 1 o 





MainPage 类 的 示例 代码 如 下 : 


package com. learningselenium. pageobject. normaluse ; 


import org. openqa. selenium. By; 

import org. openqa. selenium. WebDriver ; 

import org. openqa. selenium. WebElement; 

import org. openqa. selenium. support. ui. ExpectedConditions ; 


import org. openqa. selenium. support. ui. WebDriverWait; 


public class MainPaget | 
WebDriver driver; 
Webklement loginLink ; 
WebkElement logoutLink ; 
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this. driver = driver; 


public void openMainPage( String url) | 
driver. get( url) ; 
loginLink = driver. findElement( By. link Text( "E 3") ) ; 


public void login( String userName, String password) | 
loginLink. click ( ) ; 
WebDriverWait wait = new WebDriverWait( driver, 300) ; 
wait. until ( ExpectedConditions. 
visibilityOFElementL ocated( By. id( 'tbUserName") ) ) ; 


LoginPage! loginPage = new LoginPaget ( driver ) ; 


loginPage. login( userName, passWord ) ; 


public void logout( ) | 
logoutLink = driver. findElement( By. link Text( E H1") ) ; 
logoutLink. click ( ) ; 


LogoutPage! logoutPage = new LogoutPagel (driver); 
logoutPage. logout( ) ; 


示例 代码 详解 : 

1) 在 类 中 定义 了 两 个 WebElement 属性 ， 用 于 记录 “登录 ”和 “退出 ”链接 这 两 个 页 
面 元 素 。 

2) 定义 打开 主页 面 的 方法 openMainPage () 。 

3) 定义 登录 的 方法 login， 其 中 构造 了 LoginPage 的 实例 对 象 并 调用 LoginPage. login ( ) 
方法 。 

4) 定义 退出 的 方法 logout， 其 中 构造 了 LogoutPage 的 实例 对 象 并 调用 LogoutPage. logout 
() 方法 。 

4. SendMessagePage 

BESTE, [ME M MAE, “EE RAE, “内 容 ” 输 入 框 和 “发 送 " 
按钮 ， 如 图 5.13 所 示 。 

SendMessagePage 类 的 示例 代码 如 下 : 
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| 发 送 | Ctrl+Enter 快 速 发 送 


图 $. 13  SendMessagePage 页 面 


package com. learningselenium. pageob ject. normaluse; 


import org. openqa. selenium. By ; 
import org. openqa. selenium. WebDriver ; 


import org. openqa. selenium. WebElement ; 


public class SendMessagePagel | 
WebnDriver driver; 
WebElement toUser ; 
WebElement titleContent; 
WebElement textContent; 


WebElement sendButton ; 


public SendMessagePaget ( WebDriver driver) | 
'ehaissctiver drivers 
toUser = driver. findElement( By. id( 'ExtIncept") ) ; 
titleContent = driver. findElement( By. id ("txtTitle") ) ; 
textContent = driver. findElement( By. id ("txtContent") ) ; 
sendButton = driver. findElement( By. id("btnsend") ) ; 


public void sendNewMessage( String to, String title, 
String content) | 
toUser. sendKeys( to) ; 


titleGontent. sendkeys( title) ; 
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textContent. sendKeys( content) ; 
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sendButton. click( ) ; 


示例 代码 详解 : 





1) 在 类 中 定义 了 4 个 WebElement 属性 ， 用 于 记录 “ 收 件 人 ”输入 框 、“ 主 题 ” 输 入 
框 、“ 内 容 ” 输 入 框 和 “发 送 ”按钮 。 

2) 定义 了 SendMessagePage. sendNewMessage () 方法 ， 用 于 发 送 新 短 消息 。 

5. ReceivedMessagePage 

收 件 箱 页 面 如 图 5.14 所 示 ， 包括 “选中 所 有 ” 复 选 框 、“ 删 除 选中 的 短 消息 ”按钮 。 
其 中 删除 所 有 消息 的 待 确认 弹出 框 如 图 5. 15 所 示 。 

















The page at space.cnblogs.com says: 














maet? 
收 件 箱 | | 发 件 箱 > fun (Cane! ] [ek 

发 送 时 间 处 理 >R O RNA 
2014-03-07 15:51 a > 未 读 短 消息 2014-03-07 15:51 


2014-03-07 15:51 


国 


日 选中 所 有 | 删除 选中 的 短 消息 | 





图 5.14 ReceivedMessagePage 页 面 


2014-03-07 15:51 


wi 选中 所 有 | 删除 选中 的 短 消 ， 
5.15 ReceivedMessagePage 中 删除 
所 有 消息 的 待 确认 弹出 框 





FH 





ReceivedMessagePage 类 的 示例 代码 如 下 : 


package com. learningselenium. Pageobject. normaluse ; 


import org. openqa. 
import org. openqa. 
import org. openqa. 
import org. openqa. 
import org. openqa. 


import org. openqa. 


selenium 
selenium 
selenium 
selenium 
selenium 


selenium 


. Alert; 

- By; 

. WebDriver ; 

. WebElement; 

. support. ui. ExpectedConditions ; 


. support. ui. WebDriverWoait ; 


public class ReceivedMessagePagel | 


WebDriver driver; 


WebkElement deleteAllMessagesButton; 


WebElement check BoxSelectAll ; 
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public ReceivedMessagePaget ( WebDriver driver) | 
thaissdriver  —- driver; 
checkBoxSelectAll = driver. findElement( By. id ("chkSelAll") ) ; 
deleteAllMessagesButton = 
driver. findElement( By. id ("btnBatDel") ) ; 


public void deleteAllMessages( ) | 
//check box 
if( ! checkBoxSelectAll. isSelected( ) ) | 
check BoxSelectAIl. click ( ) ; 


/ / delete all received messages 

deleteAllVlessagesButton. click ( ) ; 

WebDriverWait wait = new WebDriverWait( driver, 300) ; 
wait. until ( ExpectedConditions. alertlsPresent( ) ) ; 

Alert confirmDeletePrompt = driver. switch To( ). alert( ) ; 


confirmDeletePrompt. acceptí( ) ; 





示例 代码 详解 : 

1) 在 类 中 定义 了 两 个 WebElement 属性 ， 用 于 记录 “选中 所 有 ” 复 选 框 、“ 删 除 选中 的 
短 消 息 ” 按 钮 。 

2) 在 构造 函数 中 通过 driver. findElement ( ) 方法 查找 到 相应 页 面 元 素 。 

3) 定义 删除 所 有 已 接收 短 消息 的 方法 ReceivedMessagePage. deleteAllMessages ( )。 这 里 
使 用 了 显 式 等 待 的 方法 ， 以 及 处 理 弹出 框 的 方法 。 

6. MessagePage 

短 消息 页 面包 括 “ 短 消息 ”链接 、“ 撰 写 新 短 消息 ”链接 、“ 收 件 箱 ” 链 接 。Mes- 
sagePage 类 的 示例 代码 如 下 : 


package com. learningselenium. pageob ject. normaluse; 























import java. util. concurrent. TimeUnit ; 


import org. openqa. selenium. By ; 


import org. openqa. selenium. WebDriver ; 


> > 


import org. openqa. selenium. WebElement ; 
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public class MessagePagel | 


WebDriver driver ; 
WebElement messageBox; 
WebElement newMessage; 


WebkElement receivedMessage; 


public MessagePaget ( WebDriver driver) | 


ihaissdriver drivers 


public void enterMessageBox( ) | 
messageBox = driver. findElement( By. partialLinkText( & TH E") ) ; 
messageBox. click ( ) ; 


driver. manage( ). timeouts( ). implicitlywait(3, TimeUnit. SECONDS) ; 


public void sendMessage( String toUser, String titlecontent, 
String textOcontent) | 
enterMessageBox( ) ; 
newMessage = driver. findElement( By. linkText ("E 55 39r d 1H E") ) ; 
newMessage. click ( ) ; 
SendMessagePagel sendMessagePage = new SendMessagePaget ( driver) ; 


sendMessagePage. sendNewMessage( toUser, titleContent, textContent) ; 


public void deleteAllMessage( ) | 
enterMessageBox( ) ; 
receivedMessage = driver. findElement( By. linkText( 路 件 箱 ") ) ; 
receivedMessage. click ( ) ; 
ReceivedMessagePagel receivedMessagePage = 
new ReceivedMessagePagel ( driver ) ; 


receivedMessagePage. deleteAllMessages( ) ; 


示例 代码 详解 : 
1) 在 类 中 定义 了 三 个 WebElement 属性 ， 用 于 记录 “ 短 消息 ”链接 、“ 撰 写 新 短 消息 ” 











链接 、“ 收 件 箱 ” 链 接 。 


2) em MessagePage. sendMessage ( ) 。 在 其 中 构造 了 实例 对 象 Send- 
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MessagePage, ， 并 调用 其 发 送 短 消息 的 方法 SendMessagePage. sendNewMessage ( )。 

3) 定义 删除 所 有 已 接收 消息 的 方法 MessagePage. deleteAllMessage ( )。 在 其 中 构造 了 实 
例 对 象 ReceivedMessagePage 并 调用 其 删除 所 有 已 接收 短 消息 的 方法 ReceivedMes- 
sagePage. deleteAllMessages ()。 

经 过 上 述 采 用 页 面 对 象 的 方式 封装 待 测试 的 页 面 后 ， 最 终 的 完整 测试 用 例 代 码 如 下 : 


package com. learningselenium. pageobject. normaluse ; 











import org. openqa. selenium. WebDriver ; 


import org. openqa. selenium. firefox. FirefoxDriver ; 


public class testMessageWithPageObjecti | 
public static void main( String... args) | 


WebDriver driver = new FirefoxDriver( ) ; 


MainPage1 mainPage = new MainPagel ( driver) ; 


MessagePagel messagePage = new MessagePagel ( driver) ; 


mainPage. openMainPage( "http://www. cnblogs. com") ; 

mainPage. login ( 'seleniumpageob ject", "bageob ject!23") ; 

messagePage. sendMessage ( "seleniumpageob ject", 
"'testSendingMessaget", 
"text messages 1") ; 

messagePage. sendMessage( 'seleniumpageob ject', 
"testSendingMessage?2', 
"text messages 2") ; 


mainPage. logout( ) ; 


mainPage. openMainPage( "http://www. cnblogs. com") ; 
mainPage. login ( 'seleniumpageob ject", "bageob ject!23") ; 
messagePage. sendMessage( "'seleniumpageob ject'", 
"'testSendingMessage3', 
"text messages 3") ; 
messagePage. deleteAllMessage( ) ; 


mainPage. logout( ) ; 


driver. quit( ) ; 


> > 
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示例 代码 详解 : 

1) 构造 MainPage 的 实例 对 象 。 

2) 构造 MessagePage 的 实例 对 象 。 

3) 打开 cnblogs 主页 并 登录 ， 然 后 发 送 两 条 短 消息 后 退出 登录 状态 。 

4) 再 次 打开 enblogs 主页 并 登录 ， 然 后 发 送 一 条 短 消息 并 删除 所 有 已 接收 短 消息 ， 接 着 

可 以 看 到 ， 在 采用 Page Object 方式 的 面向 对 象 机 制 后 ,测试 用例 代码 的 逻辑 更 加 清晰 
Zi 


*5.4.3 ”使 用 Page Object, Page Factory, (? FindBy 和 How 


读者 可 能 会 问 ， 虽 然 Page Object 的 思路 很 不 错 ， 自 己 也 会 使 用 面向 对 象 编程 方式 来 进 
行 思 考 。 可 这 与 WebDriver 有 什么 关系 呢 ? 接 下 来 要 介绍 的 Page Factory, @ FindBy 和 How 
数组 就 是 WebDriver 专门 提供 给 用 户 以 更 好 地 利用 Page Object 方式 。 可 称 其 为 加 强 版 的 Page 
Object 机 制 。 

1. LoginPage 

看 一 下 使 用 了 @ FindBy 的 LoginPage 有 什么 变化 。 示 例 代 码 如 下 : 


package com. learningselenium. pageobject. findby. pagefactory ; 




















import java. util. concurrent. TimeUnit ; 


import org. openqa. selenium. WebDriver ; 
import org. openqa. selenium. WebElement ; 
import org. openqa. selenium. support. FindBy ; 


import org. openqa. selenium. support. How; 


public class LoginPage2 | 


WebDriver driver ; 


@ FindBy(how = How.ID, id = "tbUserName") 
WebElement username; 


@ FindBy(how = How.ID, id = "tbPassword") 


WebElement password; 


@ FindBy(how = How.ID, id = "btnl.ogin") 


WebkElement loginbutton; 


public LoginPage2( WebDriver driver) | 


icit ve n EAGER 


[ck ck ck ck Gk Gk Gk ck ck ck ook ok ook ok Gk Gk Gk Ck ck ck ok ook ck ck ck Gk Ck Ck ck ck ck ck ok ok 
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* the driver. findElement( ) methods are removed * 


e ck Gk Gk Gk ck ck ck ook ok ok Gk Gk Gk Ck Ck Ck ck ok ck ck ck ck Gk Ck Ck Gk Gk ck ck ck ck ck ok / 


public void login( String userName, String password) | 
username. sendKeys( userName) ; 
password. sendkeys( passWord ) ; 


loginbutton. click ( ) ; 


driver. manage( ). timeouts( ). implicitlywait(3, TimeUnit. SECONDS) ; 


示例 代码 详解 : 
1) 在 页 面 中 的 任意 一 个 页 面 元 素 都 可 以 使 用 @ FindBy 注解 来 进行 标记 。@ FindBy 可 用 
于 替换 driver. findElement ( ) 方法 的 查找 机 制 来 定位 页 面 元 素 。 
2) 结合 @ FindBy， 同 时 使 用 How 数组 来 蔡 换 By 的 作用 。 此 例 中 包括 三 个 WebElement, 
分 别 是 “用 户 名 ”、“ 密 码 ” 和 “登录 ”按钮 。 示 例 代码 段 如 下 : 

















FindBy(how = How.ID, id = "'tbUserName") 
WebElement username; 

(€ FindBy(how = How.ID, id = 'tbPassword") 
WebElement password; 

(€ FindBy(how = How.ID, id = "btnLogin") 
WebkElement loginbutton; 





3) 通过 使 用 @ FindBy 和 How 数组 ， 和 替换 了 driver. findElement () 和 By， 使 得 原来 的 
构造 函数 变 得 更 为 简洁 。 示 例 代码 段 如 下 : 





public LoginPage2( WebDriver driver) | 


this. driver — driver; 
[4 waoegsgsgsqsosmsgegousmsogzSegSeos06ps0osmsm 


* the driver. findElement( ) methods are removed * 


He ck ok Gk Gk Gk ck ck ck ook ok ok Gk Gk Gk Ck Ck Ck ok ck ck ok ok ok Gk Gk Gk Gk Gk Gk ok / 


小 贴 士 ;How 数组 能 够 文 持 的 页 面 元 素 包括 以 下 类 型 ; 
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ID OR NAME 

CSS 

NAME 

CLASS NAME 

LINK TEXT 
PARTIAL LINK TEXT 
TAG NAME 

XPATH 


2. LogoutPage 
退出 页 面 基 本 上 没有 太 大 变化 ， 因 为 没有 页 面 元 素 需要 特殊 处 理 。 


package com. learningselenium. pageobject. findby. pagefactory ; 


import org. openqa. selenium. WebDriver ; 
import org. openqa. selenium. support. ui. ExpectedConditions ; 


import org. openqa. selenium. support. ui. WebDriverWoait ; 


public class LogoutPage2 | 


WebnDriver driver; 


public LLogoutPage2( WebDriver driver) | 


itlaissdriver driver. 


public void logout( ) | 
WebDriverWait wait = new WebDriverWait( driver, 300) ; 
wait. until ( ExpectedConditions. alertlsPresent( ) ) ; 


driver. switch'To( ). alert( ). accept( ) ; 


3. MainPage 

主页 面 由 于 存在 两 个 页 面 元 素 ， 所 以 同样 使 用 了 @ FindBy 注解 和 How 数组 来 处 理 。 此 
外 ， 还 使 用 了 期 竺 已 久 的 PageFactory 机 制 。PageFactory 会 替换 传统 的 通过 new 来 实例 化 对 
象 的 方式 。 示 例 代码 如 下 : 


package com. learningselenium. pageobject. findby. pagefactory ; 








y import java. util. concurrent. TimeUnit; 
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import org. 
import org. 
import org. 
import org. 
import org. 
import org. 
import org. 


import org. 


openqga. 
openqga. 
openqga. 
openqga. 
openqga. 
openqga. 
openqga. 


openga. 


selenium. 


selenium. 


selenium 


selenium 


selenium. 
selenium. 
selenium. 


selenium. 


public class MainPage2 | 


WebDriver driver; 


@ FindBy(how = How. LINK TEXT, linkText 


WebElement loginLink; 
@ rindBy(how = How. LINK TEXT, linkText = "退出 ") 


WebElement logoutLink ; 
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By; 


WebDriver ; 


. WebElement ; 


. Support. PagerFactory ; 


support. ui. ExpectedConditions ; 
support. ui. WebDriverWait; 
support. FindBy ; 


support. How; 


"登录 ") 


public MainPage2( WebDriver driver) | 


taissdriver driver. 


public void openMainPage( String url) | 


driver. get( url) ; 


driver. manage( ). timeouts( ). implicitlywait(300, TimeUnit. SECONDS) ; 


public void login( String userName, String password) | 


[ck ck ck ck Gk Gk Gk ck ck ck ook ok ook ok Gk Gk Gk Ck ck ook ck ck ook ck ck Ck Ck Ck ck ck ck ck ok ok 


* the driver. findElement( ) method is removed * 


He ck Gk Gk Gk ck ck ck ok ok ok Gk Gk Gk Ck Ck Ck ok ck ok ook ok ok Gk Gk Ck Gk Gk ck ck ck ck ck ok / 


loginLink. click ( ) ; 


WebDriverWait wait 


— new WebDriverWait( driver, 300) ; 


wait. until ( ExpectedConditions. 


LoginPage2 loginPage = 


PageFactory. initElements( driver, LoginPage2. class) ; 


visibilietyOFElementLocated ( By. id( bUserName") ) ) ; 
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loginPage. login( userName, passWord ) ; 


public void logout( ) | 


[ck ock ck ck Gk Gk Gk ck ck ck ook ook ook ok Gk Gk Gk Ck ck ck ck ok ck ck ck Ck Ck Ck ck ck ck ck ok ok 


* the driver. findElement( ) method is removed * 


e ok Gk Gk Gk ck ck ck ook ok ok ok Gk Gk Ck Ck Ck ck ck ck ook ck ok Gk Gk Gk Gk Gk ck ck ck ck ck / 


logoutLink. click( ) ; 


LogoutPage2 logoutPage = 
PageFactory. initElements( driver, LogoutPage2. class) ; 


logoutPage. logout( ) ; 


示例 代码 详解 ; 
1) 同样 采用 @ FindBy 和 How 数组 来 替换 driver. findElement () 方法 。 代 码 段 如 下 . 





@ FindBy(how = How. LINK TEXT, linkText = "登录 '") 
WebElement loginLink; 

(9 FindBy(how = How. LINK, TEXT, linkText = "退出 ") 
WebElement logoutLink ; 


2) 在 MainPage. logout () 方法 中 移 除 了 driver. findElement () 方法 。 
3) 在 MainPage. logout ( ) 方法 中 ， 用 PageFactory. initElements () 方法 替换 了 之 前 传 
统 的 LogoutPage 的 对 象 实例 化 方法 ， 并 将 driver 示例 传递 给 对 象 。 代 码 段 如 下 : 


LogoutPage2 logoutPage = 


PageFactory. initElements( driver, LogoutPage2. class) ; 


4. SendMessagePage 
REBRA, Ai BUFA” SS AGE. “主题 ” 输 入 框 、“ 内 容 ” 输 入 框 和 “发 送 ” 
按钮 这 4 个 页 面 元 素 。 同 样 使 用 @ FindBy 和 How 数组 来 重新 组 织 代码 。 示 例 代码 如 下 : 





package com. learningselenium. pageobject. findby. pagefactory ; 


import org. openqa. selenium. WebDriver ; 
import org. openqa. selenium. WebElement ; 
import org. openqa. selenium. support. FindBy ; 


import org. openqa. selenium. support. How; 
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public class SendMessagePage2 | 


WebDriver driver ; 


@ FindBy(how = How.ID, id = "cxtlncept") 
WebElement toUser; 

(€ FindBy(how = How.ID, id = "cxtTitle") 
WebkElement titleContent ; 

@ FindBy (how = How.ID, id = ":xtContent") 
WebElement textContent ; 

(€ FindBy(how = How.ID, id = "btnSend") 


WebkElement sendButton; 


public SendMessagePage2( WebDriver driver) | 


this. driver = driver; 


ck ck ck ck Gk Gk Gk ck ck ck ok ok ok ok Gk Gk Ck Gk ck ok ck ok ck ck ck Gk Ck Ck ck ck ck ck ok ok 


* the driver. findElement( ) methods are removed * 


Se ck Gk Gk Gk ck ck ck ook ok ok Gk Gk Gk Ck Ck Ck ok ck ok ck ck ck Gk Gk Gk Gk ck ck ck ck ck ck ok / 


public void sendNewMessage( String to, String title, 
String content) | 
toUser. sendKeys( to) ; 
titleGontent. sendkeys( title) ; 
textOContent. sendKeys( content) ; 


sendButton. click ( ) ; 


示例 代码 详解 : 
1) 在 类 中 定义 了 4 个 WebElement 元 素 ， 因 此 调整 后 的 代码 段 如 下 : 


€ FindBy(how = How.ID, id = "txtincept') 








WebElement toUser; 
@FindBy(how = How. ID, id 


"txtTitle") 
WebElement titleContent ; 


@ FindBy(how = How.ID, id = ":xtContent") 
WebkElement textContent ; 
(€ FindBy(how = How.ID, id = "btnsend") 
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2) 在 其 构造 函数 中 ， 省 略 了 driver. findElement () 方法 。 代 码 段 如 下 : 


public SendMessagePage2( WebDriver driver) | 


CAISAANVSn ARIVE: 


S kokok ck Gk Gk Gk ck ck okok ok ook ok Gk Gk Ck ook Gk ok ck ck ck ck ck Ck Ck Ck ck Gk k k ok 


* the driver. findElement( ) methods are removed * 


e ck Gk Gk Gk ck ck ck ook ok ok Gk Gk Gk Ck Ck Ck ck ck ck ok ck ck Gk Gk Ck Gk Gk ck ck ck k ck / 


5. ReceivedMessagePage 
收 件 箱 页 面包 括 “ 选 中 所 有 ” 复 选 框 、“ 删 除 选 中 的 短 消息 ”按钮 。 经 过 @ FindBy 和 
How 数组 处 理 后 的 代码 如 下 : 


package com. learningselenium. pageobject. findby. pagefactory ; 


import org. openqa. selenium. Alert; 

import org. openqa. selenium. WebDriver ; 

import org. openqa. selenium. WebElement ; 

import org. openqa. selenium. support. ui. ExpectedConditions ; 
import org. openqa. selenium. support. ui. WebDriverWoait ; 
import org. openqa. selenium. support. FindBy ; 


import org. openqa. selenium. support. How; 


public class ReceivedMessagePage2 | 


WebnDriver driver; 


@ FindBy(how = How.ID, id = "chkSelAll") 
WebElement check BoxSelectAll ; 

@ rFindBy(how = How. ID, id = "btnBatDel") 
WebkElement deleteAlliVlessagesButton ; 


public ReceivedMessagePage2( WebDriver driver) | 


'hissetiver-scpivets: 


ck ock ck ck Gk Gk Gk ck ck ck ok ok ook ok Gk Gk Gk Ck Gk ok ck ck ck ck ck Ck Ck Ck ck ck ck ok ok 


* the driver. findElement( ) methods are removed * 


Ae ck Gk Gk Gk ck ck ck ook ok ok Gk Gk Gk Ck Ck Ck ck ok ck ook ck ok Gk Ck Ck Gk Ck ck ck ck k k / 
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public void deleteAllMessages( ) | 
//check box 
if( ! checkBoxSelectAll. isSelected( ) ) | 
check BoxSelectAIl. click ( ) ; 


/ / delete all received messages 

deleteAllVlessagesButton. click ( ) ; 

WebDriverWait wait = new WebDriverWait( driver, 300) ; 
wait. until ( ExpectedConditions. alertlsPresent( ) ) ; 

Alert confirmDeletePrompt = driver. switch To( ). alert( ) ; 


confirmDeletePrompt. accept( ) ; 


示例 代码 详解 : 
1) 在 类 中 定义 了 两 个 WebElement 元 素 ， 因 此 调整 后 的 代码 段 如 下 : 








@ FindBy(how = How.ID, id = 'chkSelAll") 
WebElement checkBoxSelectAll; 

@ FindBy(how = How.ID, id = "btnBatDel") 
WebElement deleteAllMessagesButton; 


2) 在 其 构造 函数 中 ， 省 略 了 driver. findElement () 方法 。 代 码 段 如 下 : 


public ReceivedMessagePage2( WebDriver driver) | 


COSSOLS CE driver. 


[ck ock ck ck Gk Gk Gk ck ck okok ok ook ook Gk Gk Gk ook Gk ck ck ok ok ck ck Gk Ck Ck ck ck ck ck k ok 


* the driver. findElement() methods are removed * 


e ck ck Gk Gk ck ck ck ook ok ok ok Gk Gk Ck Ck Ck ck ck ck ck ck ck Gk Gk Gk Gk Gk ck ck ck ck ck ok / 


6. MessagePage 
短 消息 页 面包 括 “ 短 消息 ”链接 、“ 撰 写 新 短 消息 ”链接 和 “ 收 件 箱 ” 链 接 。Mes- 
sagePage 类 经 过 @ FindBy, How 数组 和 Page Factory 改造 后 的 示例 代码 如 下 : 





package com. learningselenium. pageob ject. findby. pagefactory; 


import java. util. concurrent. TimeUnit ; 
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import org. openqa. selenium. WebDriver ; 
import org. openqa. selenium. WebElement ; 
import org. openqa. selenium. support. FindBy ; 
import org. openqa. selenium. support. How; 


import org. openqa. selenium. support. PageFactory; 


public class MessagePage2 | 


WebDriver driver ; 


(9 FindBy(how = How. PARTIAL LINK. TEXT, partialLinkText = ' 短 消息 ") 
WebElement messageBox; 


(9 FindBy(how = How. LINK TEXT, linkText = "BE rA E 


WebElement newMessage; 
@ FindBy (how = How. LINK TEXT, linkText = 路 件 箱 ") 


WebkElement receivedMessage; 


public MessagePage2( WebDriver driver) | 


elsSselsivere = allvel: 


public void enterMessageBox( ) | 


ck ock ck ck Gk Gk Gk ck ck ck ook ok ok ok Gk Gk Ck Ck Ck ok ck ok ck ck ck Gk Ck Ck ck ck ck ok ok 


* the driver. findElement( ) method is removed * 


e ck Gk Gk Gk ck ck ck ok ok ok Gk Gk Gk Ck Ck Ck ck ok ok ook ck ck Gk Gk Ck Gk Ck ck ck ck ok ck / 


messageBox. click ( ) ; 


driver. manage( ). timeouts( ). implicitlywait(3, TimeUnit. SECONDS) ; 


public void sendMessage( String toUser, String titleContent, 
String textOContent) | 


enterMessageBox( ) ; 
Sk ok ok ok ook ook ok ok ok ook ook ck ck ook Gk ck ok ook ok ck ok Gk ck ok Gk ck ok oko ck ck oko oko 


* the driver. findElement( ) method is removed * 


e ck Gk Gk Gk ck ck ck ook ok ok Gk Gk Gk Ck Ck Ck ck ck ck ck ck ck Gk Gk Ck Gk Gk ck ck ck ok ck / 


newMessage. click ( ) ; 
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SendMessagePage2 sendMessagePage = 
PageFactory. inicElements( driver, SendMessagePage2. class) ; 


sendMessagePage. sendNewMessage( toUser, titleContent, textContent) ; 


public void deleteAllMessage( ) | 


enterMessageBox( ) ; 


[ck ock ck ck Gk Gk Gk ck ck ck ook ok ook ok Gk Gk Gk ok ok Ck ok ok ck Gk ck ok ok Gk Gk ok ok Ck Gk ook 


ok ook ook ook ck ok Gk Gk ok Gk Gk k ok 
* the driver. findElement( ) methods is removed * 


xX ok k kK ck kK k k k CK CK Ck Ck k ck ck ck Ck CK CK ck ck ck ck ck ck Ck ck Ck ck ck ck ck Ck ck 


e ck ook Gk Gk Gk ck ck ck ck ck ok ok // 


receivedMessage. click ( ) ; 
ReceivedMessagePage2 receivedMessagePage = 


PageFactory. initElements( driver, ReceivedMessagePage2. class) ; 


receivedMessagePage. deleteAllMessages( ) ; 


示例 代码 详解 : 
1) 在 类 中 定义 了 三 个 WebElement 元 素 ， 因 此 调整 后 的 代码 段 如 下 : 





(9 FindBy(how = How. PARTIAL LINK TEXT，partialLinkText = "Ej" 


WebElement messageBox; 

(9 FindBy(how = How. LINK TEXT, linkText = "BE rA E 
WebElement newMessage; 

9 FindBy(how = How. LINK TEXT, linkText = 路 件 箱 ") 


WebkElement receivedMessage; 





2) 在 构造 函数 中 去 掉 了 driver. findElement () 方法 。 代 码 段 如 下 : 


public void enterMessageBox( ) | 
Skok ok ook ook ok ook ok ck ook ook Gk ck ook Gk ck ok ok ck ok ook Gk ck ok ook ok ok oko ck ok oko k k 


* the driver. findElement( ) method is removed * 
ok ook ook ok ook ook ok ok ook ok ok ook ok ck ok ok ck ook oko ck ok ok ck ck ok Gk ck ok ck ok ok k / 


messageBox. click ( ) ; 
driver. manage( ). timeouts( ). implicitlywait(3, TimeUnit. SECONDS) ;| 
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3) 在 MessagePage. sendMessage () 方法 中 去 掉 了 driver. findElement () 方法 ， 并且 用 
PageFactory. initElements () 替换 了 SendMessagePage 对 象 实例 化 的 代码 段 : 





public void sendMessage( String toUser, String titleContent, 
String textContent) | 


enterMessageBox( ) ; 


[ck ock ck ck ck Gk Gk ck ck ck ok ok ok ok Gk Gk Gk Ck CK ck ck ck ck ck ck Gk Gk Ck ck Gk ok 


* the driver. findElement( ) method is removed * 


e ck Gk Gk Ck ck ck ck ook ok ok ok Gk Gk Ck Ck Ck ck ck ck ck ok ok Gk Gk Gk Gk Ck Gk ok ok / 


newMessage. click ( ) ; 
SendMessagePage2 sendMessagePage = 
PageFactory. initElements( driver, SendMessagePage2. class) ; 


sendMessagePage. sendNewMessage( toUser, titleContent, textContent) ; 





4) 在 MessagePage. deleteAllMessage () 方法 中 去 掉 了 driver. findElement () 方法 ， 并 
且 用 PageFactory. initFlements ( ) 替换 了 ReceivedMessagePage 对 象 实例 化 的 代码 段 : 


public void deleteAllMessage() | 


enterMessageBox( ) ; 


[ck ok ck ck ook Gk Gk Gk ck ck ck ook ok ok Gk Gk Gk Ck Ck Ck ck ck ck ck ok ck Gk Gk Gk Gk ok 


* the driver. findElement( ) methods is removed * 


He ck Gk Gk CK ck ck ck ok ok ok ok Gk Gk Gk CK Ck ck ck ck ook ok ok Gk Gk Gk Gk Gk Gk ck ok / 


receivedMessagge. click ( ) ; 
ReceivedMessagePage2 receivedMessagePage = 


PageFactory. initElements( driver, ReceivedMessagePage2. class) ; 


receivedMessagePage. deleteAllMessages( ) ; 


经 过 Page Object, € FindBy, How 数组 和 Page Factory 改造 后 的 最 终 测试 用 例 代 码 如 下 。 
唯一 的 变化 是 MainPage 对 象 的 实例 化 和 MessagePage 对 象 的 实例 化 由 PageFacto- 
ry. initElements () 方法 处 理 掉 了 。 
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package com. learningselenium. pageob ject. findby. pagefactory; 


import org. openqa. selenium. WebDriver ; 
import org. openqa. selenium. firefox. FirefoxDriver ; 


import org. openqa. selenium. support. PageFactory; 


public class testMessageWithPageOb ject2 | 
public static void main( String... args) | 


WebDriver driver — new FirefoxDriver( ) ; 


MainPage2 mainPage = 
PageFactory. initElements ( driver, MainPage2. class) ; 
MessagePage2 messagePage = 


PageFactory. initElements ( driver, MessagePage2. class) ; 


mainPage. openMainPage( "http: //www. cnblogs. com") ; 
mainPage. login ( 'seleniumpageob ject", "pageob ject! 23") ; 
messagePage. sendMessage( "seleniumpageob ject'", 
"'testSendingMessaget", 
"text messages 1") ; 
messagePage. sendMessage( "seleniumpageob ject', 
"testSendingMessage?2', 
"text messages 2") ; 


mainPage. logout( ) ; 


mainPage. openMainPage( "http://www. cnblogs. com") ; 
mainPage. login ( 'seleniumpageob ject", "bageob ject! 23") ; 
messagePage. sendMessage( "seleniumpageob ject'", 
"testSendingMessage3', 
"text messages 3") ; 
messagePage. deleteAllMessage( ) ; 


mainPage. logout( ) ; 


driver. quit( ) ; 


综 上 所 述 ， 采 用 Page Object, @ FindBy, How 数组 和 Page Factory 可 以 使 得 测试 代码 的 
逻辑 更 为 清晰 ， 维 护 起 来 也 更 加 方便 。 


y 
v 
M 
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5.5 Selenium RC 迁移 到 WebDriver 


*5.5.1 简介 


正如 第 1 章 所 述 ， 在 WebDriver 结合 Selenium 并 孕育 出 Selenium 2 之 前 ，Selenium RC 在 
相当 长 的 一 段 时 间 里 都 是 作为 Selenium 的 “主力 选手 ”上 场 。 为 了 与 Selenium 2 进行 区 别 ， 
通常 称 Selenium RC 时 代 的 Selenium 为 Selenium 1。 截 至 日 前 ，Selenium 1 还 继续 被 维护 并 提 
供 一 些 Selenium 2 尚 不 支持 的 功能 ， 如 某 些 编程 语言 的 支持 和 某 些 浏览 器 的 支持 。 

虽然 Selenium RC 已 经 无 法 阻止 历史 的 演进 ， 作 为 即将 完全 退休 的 “老干部 ”， 其 仍旧 
散发 着 余热 。 某 些 使 用 Selenium 多 年 的 公司 和 机 构 ， 需 要 继续 维护 基于 Selenium RC 的 测试 
集合 ， 并 继续 添加 新 的 测试 代码 ; 还 有 一 部 分 使 用 Selenium 多 年 的 公司 和 机 构 ， 他 们 尝试 
将 已 有 的 基于 Selenium RC 的 测试 代码 迁移 到 WebDriver 上 来 ， 让 那些 老 旧 但 成 熟 的 代码 和 
测试 集合 重新 焕发 新 生 。 

本 章 将 向 用 户 展示 如 何 从 已 有 的 测试 代码 迁移 到 新 的 API， 并 基于 WebDriver 的 特性 来 
添加 新 的 测试 代码 。 


*5.5.2 J Selenium RC 迁移 到 WebDriver 的 优势 


想 要 说 服 项 目 管理 者 对 已 有 的 代码 进行 重 构 需要 很 大 的 勇气 和 推动 力 ， 因 为 项 目 管理 者 
往往 关心 的 是 项 目的 开发 进度 而 非 代 码 质量 本 号 。 此 外 ， 从 技术 层面 而 言 ， 将 测试 集合 从 一 
f API 迁移 到 另外 一 套 API 需要 投入 大 量 的 工作 。 既 然 如 此 ， 为 什么 在 这 里 依旧 推荐 大 家 从 
已 有 的 Selenium RC 迁移 到 WebDriver 上 来 呢 ? 看 看 WebDriver 强大 的 优势 所 在 : 

1) API 更 紧凑 ， 集 合 更 小 。WebDriver 的 API 所 提供 的 编程 方式 比 原 有 的 Selenium RC 
的 API 更 加 面向 对 象 。 

2) 对 用 户 的 交互 行为 模拟 得 更 为 真实 。WebDriver 会 能 地 使 用 浏览 器 的 原生 事件 
去 处 理 页 面 交 互 。 此 外 ，WebDriver 还 提供 了 更 多 S n API 来 完成 复杂 的 交互 
测试 工作 。 

3) 为 浏览 器 厂商 提供 了 更 多 的 自由 度 。 Ce Mozilla 等 浏览 带 厂 商都 在 针对 自己 出 
品 的 浏览 器 积极 地 开发 相对 应 的 WebDriver， 这 就 意味 着 WebDriver 与 浏览 器 逐渐 变 得 密 不 
可 分 ， 其 稳定 性 和 性 能 都 将 得 到 强 有 力 的 保障 。 


*5.5.3 迁移 Selenium 运行 实例 


正 所 谓 万 事 开 头 难 ， 从 Selenium RC 迁移 到 WebDriver 需要 规划 好 执行 步骤 。 第 一 步 要 
做 的 是 将 原 有 的 Selenium 运行 实例 迁移 到 WebDriver 中 来 。 此 时 ， 首 先 需 要 确保 的 是 之 前 基 
F Selenium RC 的 代码 可 以 在 最 新 的 Selenium 发 行 版 本 上 正常 运行 。 

Selenium RC 中 的 Selenium 运行 实例 代码 如 下 : 





















































Selenium selenium = new Defaultselenium( 
"localhost", 4444, "* firefox", "http://www. yoursite. com") ; 


selenium. start( ) ; 
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迁移 到 WebDriver 中 ， 示 例 代码 如 下 : 
WebDriver driver = new FirefoxDriver( ) ; 
Selenium selenium = new WebDriverBackedSelenium( 
driver, "http://www. yoursite. com") ; 
一 旦 完成 了 第 一 步 ， 可 以 尝试 将 原 有 的 测试 代码 集合 全 部 运行 一 次 。 如 果 发 现 有 新 的 
error 出 现 ， 请 调试 代码 直到 所 有 新 的 error 都 被 修复 。 


*5.5.4 迁移 测试 代码 到 WebDriver API 


基于 前 述 步 又 ， 确 保 所 有 新 增 eror 都 被 修复 后 ， 便 可 以 开始 将 测试 代码 迁移 到 Web- 
Driver API 的 工作 。 迁 移 所 有 代码 的 工作 量 取决 于 之 前 的 代码 质量 和 抽象 程度 。 

如 果 和 希望 将 WebDriver 的 底层 实现 从 Selenium 实例 中 剥离 出 来 ， 那 么 可 以 使 用 如 下 方法 
来 达到 目的 。 示 例 代 码 段 如 下 : 


WebDriver driver = ((WrapsDriver) selenium). getWrappedDriver( ) ; 


通过 WrapsDriver 这 种 方式 ， 可 以 保证 原 有 的 Selenium 实例 能 正常 使 用 ， 同 时 确保 Web- 
Driver 的 实例 在 需要 时 能 被 使 用 。 
某 些 时 候 ， 我 们 会 希望 原 有 的 RC 语法 能 继续 工作 ， 又 能 同时 利用 WebDriver 的 强大 优 
势 。Selenium Core 开发 团队 便 为 我 们 提供 了 WebDriverBackedSelenium 这 个 对 象 来 完成 这 个 
功能 。 它 允许 我 们 在 继续 沿用 RC 编程 语法 的 同时 ， 以 付出 最 小 的 修改 代价 就 能 利用 Web- 
Driver 的 功能 。 示 例 代 码 段 如 下 : 
Selenium selenium = new WebDriverBackedSelenium( driver, baseUrl) ; 
WebDriverBackedSelenium 对 象 将 RC 的 API 映射 到 WebDriver 的 API。 虽 然 有 一 小 部 分 
RC 的 功能 不 能 被 WebDriverBackedSelenium 支持 ， 但 WebDriverBackedSelenium 已 经 能 够 保证 
绝 大 部 分 基于 RC 的 旧 代码 在 不 被 修改 的 情况 下 就 可 以 使 用 WebDriver 的 新 功能 ， 迁 移 的 工 
作 量 将 大 大 减少 。 




















5.6 小 结 





本 章 介 绍 了 WebDriver 对 HTML5 特性 的 支持 ， 包 括 Video, Canvas, Drag 和 Drop 等 。 接 
着 对 RemoteWebDriver 的 优 缺 点 分 别 进行 了 分 析 。 最 后 对 于 已 经 在 使 用 Selenium RC 的 机 构 
如 何 迁 移 已 有 代码 到 Selenium WebDriver 给 出 了 基本 的 解决 方案 。 
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Selenium 玩 转 Android 


Android 是 一 种 基于 Linux 的 自由 和 开放 源 代 码 的 操作 系统 ， 主 要 用 于 移动 设备 ， 如 智 
能 手机 和 平板 电脑 ， 由 Google 公司 和 开放 手机 联盟 领导 及 开发 。Android 操作 系统 最 初 由 
Andy Rubin 的 公司 开发 ， 主 要 支持 手机 。2005 年 8 月 由 Google 公司 收购 注资 。2007 4E 11 
H, Google 公司 与 84 家 硬件 制造 商 、 软 件 开发 商 和 电信 和 营运 商 组 建 开 放手 机 联盟 ， 共 同 研 
发 改良 Android 系统 。 随 后 Google 公司 以 Apache 开源 许可 证 的 授权 方式 ， 发 布 了 Android 的 
源 代码 。 第 一 部 Android 智能 手机 发 布 于 2008 年 10 H, WE, Android 已 逐渐 扩展 到 平板 电 
脑 和 其 他 领域 上 ， 如 电视 、 数 码 相 机 、 游 戏 机 等 。 








6.2 玩 转 Android 


*6.2.1 架构 


Android WebDriver 的 架构 如 图 6. 1 所 示 。 在 手机 上 Android WebDriver 被 打包 成 一 个 
app， 然 后 安装 到 模拟 需 或 者 真 机 上 。 该 app NExT RemoteWebDriver Server， 以 及 一 个 轻 量 
级 的 HTTP Server， 用 于 接收 并 响应 从 WebDriver Client 发 送 过 来 的 自动 化 测试 请 求 。 

RemoteWebDriver Server 主要 基于 WebView (WebView 是 Android 上 针对 Web D Hye 
组 件 ) 来 运行 测试 用 例 。 而 WebDriver 
Client 则 主要 负责 运行 测试 用 例 ， 可 以 
用 任意 Selenium 支持 的 绑 定 语言 来 编写 , 
如 Java, Python 等 。 RemoteWebDriver 
Server 与 WebDriver Client 之 间 基 于 REST 
JSON 请 求 并 通过 HTTP 进行 交互 ， 并 且 
两 者 既 可 以 存在 于 同一 个 物理 设备 上 ， 
也 可 以 分 布 在 不 同 设备 上 。 针 对 An- 
droid， 可 以 直接 使 用 Android. 自 带 的 测 
试 框架 来 取代 RemoteWebDriver Server, 











WebView 
Controller 






Remote 
WebDriver Server 





WebDriver Tests 


图 6.1 Android WebDriver 的 架构 
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*6.2.2 ”搭建 Android WebDriver 环境 


本 章 中 使 用 的 Android SDK 版 本 为 adt- bundle- mac-x86..64-20130917, Android Server 版 
本 为 2.32.0。 
1. 安装 Android SDK 
到 如 下 网 址 下 载 Android SDK : 
http ://developer. android. com/ sdk/index. html 


2. 创建 Android 虚拟 设备 
解 包 刚 下 载 的 SDK 压缩 包 ， 并 进入 tools 目录 ， 然 后 启动 AVD 管理 器 ( Android Virtual 


Device Manager) 。 





$ cd adt-bundle- mac- x86. 64- 20130917/ sdk/tools 
$ ./android avd 


3. 新 建 一 个 Android 虚拟 设备 
在 AVD 管理 需 上 单 击 New 新 建 一 个 Android 虚拟 设备 ， 如 图 6. 2 所 示 。 


eoo Android Virtual Device Manager 


ue re et Device Definitions j 


List of existing Android Virtual Devices located at /Users/bob/.android/avd 

[AVD Name Target Name Platform API Level CPU/ABI il New... 
«f Android-Emule Android 4.3 4.3 18 ARM (armeaDi-v7 

v^ myavd1 Android 4.3 4.3 18 ARM (armea B 


v^ myavd2 Android 4.3 4.3 18 ARM (armeabi-v7 
«v myavd3 Android 4.3 4.3 18 ARM (armeabi-v7 














Delete... 


Repair... 





Details... 


Start... 








Refresh 








w^ A valid Android Virtual Device. A A repairable Android Virtual Device. 
3€ An Android Virtual Device that failed to load. Click 'Details' to see the error. 





图 6.2 AVD 管理 需 


新 的 Android 虚拟 设备 创建 成 功 后 ， 就 可 以 启动 它 了 。 具 体 步 又 请 参考 Android 开发 者 

官网 。 
4. 设置 Android 虚拟 设备 

有 两 种 方式 来 运行 Android WebDriver。 一 种 是 基于 RemoteWebDriver Server， 还 有 一 种 
是 基于 Android : jns. 它们 的 优 缺 点 分 别 如 表 6. 1 所 示 。 

本 书 将 着 重 介绍 RemoteWebDriver Server 方式 的 使 用 ， 此 方式 的 使 用 包括 服务 器 端 和 客 
户 端 两 部 分 。 

1) 客户 端 : 一 般 指 使 用 jUnit 或 者 TestNG 组 织 的 测试 用 例 代 码 ， 运 行 的 时 候 可 以 选择 
直接 在 IDE 中 运行 ， 也 可 以 通过 命令 行 的 方式 运行 。 
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表 6.1 RemoteWebDriver Server 与 Android Test Framework 的 优 缺 点 对 比 




















RemoteWebDriver Server Android Test Framework 
可 用 任意 Selenium 支持 绑 定 的 编程 语言 只 能 使 用 Java 编程 语言 
运行 速度 快 , 因为 测试 直接 在 模拟 器 或 者 真实 设备 上 



































运行 速度 慢 ,因为 每 个 命令 都 是 基于 HTTP 的 RPC 方式 





已 经 在 使 用 Android Test Framework 并 且 不 打算 用 同一 套 
代码 测试 其 他 浏览 











可 移植 性 更 强 , 同 一 套 代 码 测试 多 种 不 同 浏览 器 





2) 服务 器 端 : 一 般 指 运行 在 Android 设备 上 ， 并且 包含 了 HTTP 服务 器 的 应 用 程序 。 

在 运行 测试 用 例 时 ， 客 户 端 的 每 个 WebDriver 命令 都 会 发 送 一 个 采用 JSON 协议 的 
RESTful HTTP 请 求 到 服务 器 端 。 而 远 端的 HTTP 服务 器 会 将 客户 端 发 送 过 来 的 请 求 转发 给 
Android WebDriver, 并 将 请 求 结果 发 送 回 客户 端 。 具 体 的 JSON 协议 规范 可 参考 官方 网 址 : 


http://code. google. com/p/selenium/wiki/ JsonWireProtocol 

















5. 安装 并 设置 Android WebDriver Server 
1) 无 论 Android 模拟 器 还 是 Android 真实 设备 ， 都 会 有 一 个 序列 号 ， 即 serial ID。 通 过 
如 下 命令 先 获取 模拟 器 或 者 设备 的 序列 号 ， 此 例 中 序列 号 为 f14c451c: 
$ cd adt-bundle-mac-x86 64-20130917/sdk/platform-tools/ 
$ ./adb devices 


List of devices attached 


fl14C451C device 


2) FÆ Android server 的 apk 文件 。 下 载 地 址 为 
https ; //code. google. com/p/selenium/downloads/list 


3) 在 安装 android- server. apk 文件 到 Android 模拟 器 或 者 真实 设备 上 之 前 ， 应 确保 An- 
droid 系统 允许 安装 非 Android 官方 市 场 下 载 的 应 用 程序 。 安 装 命令 如 下 : 


$./adb -s <serialld > -e install -r android-server. apk 


结合 本 例 具体 的 序列 号 和 Android Server 的 版 本 而 言 ， 其 命令 执行 结果 如 下 : 


$ ./adb -s fl4c451c -e install -r android- server-2. 32. 0. apk 
2950 KB/s (1592370 bytes in 0. 527s) 
pkg: /data/local/tmp/android- server-2. 32. 0. apk 


Success 


4) 有 两 种 方式 启动 Android WebDriver 应 用 程序 。 一 种 是 从 Android 模拟 器 或 者 设备 的 
UI 上 启动 ， 如 图 6.3 所 示 。 
5) 还 有 一 种 是 从 命令 行 启动 ， 如 下 : 
$ ./adb -s <serialld > shell am start -a android. intent. action. MAIN -n 


y org. openqa. selenium. android. app/. MainActivity 
M 结合 本 例 具体 的 序列 号 而 言 ， 其 命令 执行 结果 如 下 : 
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图 6.3 从 Android UI 上 启动 WebDriver Server 


$ ./adb -s fi4c451c shell am start -a android. intent. action. MAIN -n 
org. openqa. selenium. android. app/. MainActivity 
Starting: Intent | act = android. intent. action. MAIN cmp = org. openqa. selenium. an- 
droid. app/. MainActivity | 
6) 如 果 需 要 进入 debug 模式 ， 可 以 打开 此 选项 。 命 令 如 下 : 
$ ./adb -s <serialld > shell am start -a android. intent. action. MAIN -n 
org. openqa. selenium. android. app/. MainActivity -e debug true 
结合 本 例 具体 的 序列 号 而 言 ， 其 命令 执行 结果 如 下 : 
$ ./adb -s fi4c451c shell am start -a android. intent. action. MAIN -n 
org. openqa. selenium. android. app/. MainActivity -e debug true 
Starting: Intent | act = android. intent. action. MAIN cmp = org. openqa. selenium. android. 
app/. MainActivity (has extras) | 
7) 设置 端口 转发 规则 . 
$ ./adb -s <serialld > forward tcp :8080 tcp :8080 
结合 本 例 具体 的 序列 号 而 言 ， 设 定 本 地 的 端口 为 8888， 其 命令 执行 结果 如 下 : 
$ ./adb -s f14c451c forward tcp :8888 tcp :8080 
这 样 就 完成 了 Android WebDriver Server 的 安装 和 设置 ， 接 着 就 可 以 从 本 机 的 如 下 地 址 来 
查看 测试 代码 与 Android WebDriver Server 进行 交互 的 状态 : 


http : //localhost .8888/wd/hub/status 


> > 
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以 下 方式 可 检查 确认 Android WebDriver Server 安装 并 设置 正确 
1) Oe RR 正常 会 显示 |status: 0} ， 如 图 6.4 所 示 。 


000 /G( (Ex (Kur (Ex 
€ > C |D localhost:8888/wd/hub/status 


H Apps [B MyFavorite (zy vPs (ug Gapev [og 投稿 | 


istatus: 0} 
6.4 在 浏览 器 中 查看 端口 转发 设置 状态 











2) 使 用 telnet MS: 
$ telnet localhost 8888 
3) 使 用 cud 命令 : 
$ curl http: //localhost:8888/wb/hub/status 
4) 使 用 wget 命令 : 
$ wget http://localhost:8888/wd/hub/status 
接 下 来 就 可 以 运行 测试 用 例 。 在 此 有 几 个 地 方 需 要 注意 : 
1) 确保 Android 手机 上 “开发 人 员 选 项 ”中 的 “USB 调试 ” “保持 唤醒 状态 ”和 “多 
许 模拟 地 点 ”处 于 打开 状态 ， 如 图 6. 5 所 示 。 
2) 确保 Android 手机 上 的 “USB 数据 存储 ”处 于 关闭 状态 ， 如 图 6.6 所 示 。 否 则 会 导 
致 执行 测试 用 例 时 出 现 如 下 不 可 操作 sdcard 的 错误 提示 : 
只 能 使 用 紧急 呼叫 * 11:46 


2013 年 12 月 8 日 周 日 





已 连接 USB 调试 
选择 停 用 USB 调试 。 





开发 设备 ID 


MHN4-HMIC-72VY-Z 


保持 唤醒 状态 
充电 时 屏幕 不 会 休眠 


允许 模拟 地 点 
允许 模拟 地 点 





桌面 备份 密码 
桌面 完整 备份 当前 未 设置 保护 。 
用 户 界面 


直接 进入 系统 


开启 后 不 使 用 系统 的 锁 屏 样式 ， 点 亮 屏 
幕 直接 进入 系统 ， 需 要 无 屏幕 密码 





严格 模式 已 启用 m 通知 开关 
EE 在 主线 程 上 执行 长 时 间 操 作 时 esl 
闪烁 屏幕 





6. 6 设置 Android 手机 的 “USB 数据 存储 ” 


器 








6.5 设置 Android 手机 的 “开发 人 员 选 项 ” 
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org. openga. selenium. webdriverexception : 


cannot create temp directory; /sdcard/1339054625829 
*6.2.3 最 简单 的 测试 用 例 


下 面 以 一 个 最 简单 的 测试 用 例 来 阐述 如 何 使 用 代码 与 Android WebDriver 进行 交互 。 示 
例 代码 如 下 : 


package com. learingselenium. android ; 


import junit. framework. TestCase; 
import org. openqa. selenium. WebDriver ; 


import org. openqa. selenium. android. AndroidDriver; 
public class testAndroidBaidu extends TestCase | 
public void testBaidu( ) throws Exception | 


WebDriver driver — new AndroidDriver( 


"http : //localhost ; 8888/ wd //hub") ; 
driver. get( http://www. baidu. com") ; 
String url = driver. getcurrentUr( ) ; 
System. out. printIn( url) ; 


driver. close( ) ; 


示例 代码 详解 : 
1) 启动 Android WebDriver， 并 指定 消息 的 转发 地 址 为 如 下 所 示 。 因 为 在 6.2.2 节 中 将 
本 地 的 端口 转发 设 定 在 8888 端口 。 
http : //localhost .8888/wd/hub 
2) 在 Android 设备 上 的 WebDriver 中 会 打开 百度 主页 ， 如 图 6.7 所 示 。 
3) 在 Eclipse 的 Console 中 打印 当前 URL 的 地 址 ， 如 图 6. 8 所 示 。 


*6.2.4 旋转 屏幕 


有 别 于 普通 PC 上 的 WebDriver， 作 为 租 入 式 设备 上 的 Android WebDriver， 其 特有 的 功能 
就 包括 屏幕 的 旋转 操作 。 示 例 代 码 如 下 : 
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HE ECT PAKI 
WebDriver 
登录 
.909 
Bai cb 百度 
| e- 百度 下 | 
































Wd. BUS AC OXEE Om 区 Ma EiPr db se MED [usn E Cox Rpre 1 
X !& | Ex 5H 
小 说 ”游戏 TE «terminated: testAndroidBaidu [JUnit] /Library/Java/JavaVirtu 





à 把 百度 放 到 点 面 上 ,搜索 最 方便 http: //www.baidu.com/ 


触 屏 版 | 电脑 版 
Baidu 京 ICP 证 030173 号 





6.7 Android WebDriver 打开 
百度 主页 


DS 








6.8 在 Eclipse 的 Console 中 打印 当前 URL 地 址 











package com. learingselenium. android ; 

import junit. framework. TestCase; 

import org. openqa. selenium. Rotatable; 

import org. openqa. selenium. ScreenOrientation ; 
import org. openqa. selenium. WebDriver ; 


import org. openqa. selenium. android. AndroidDriver; 


public class testAndroidBaidul.andscape extends TestCase | 


public void testBaidu( ) throws Exception | 


WebDriver driver = new AndroidDriver( 


"http://localhost ; 8888/ wd / hub") ; 


( ( Rotatable) driver). rotate( ScreenOrientation. LANDSCAPE ) ; 


driver. get( "http ; // www. baidu. com") ; 


driver. close( ) ; 
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示例 代码 详解 : 
与 前 述 “ 最 简单 的 测试 用 例 ” 最 大 的 不 同 在 于 对 于 屏幕 旋转 的 设 定 代 码 段 : 
( (Rotatable) driver). rotate( ScreenOrientation. LANDSCAPE ) ; 


其 执行 结果 如 图 6. 9 所 示 ， 相 较 于 前 述 示 例 ， 此 时 屏幕 旋转 了 90°, 





E T an E 16:14 
WebDriver 


登录 
00 


Bai cs Eig 


| $- EET 











地 图 贴吧 视频 图 片 haol23 





6.9 Android WebDriver 的 屏幕 旋转 效果 


*6.2.5 ”触摸 和 滚动 


除了 屏幕 的 旋转 ， 针 对 Android 设备 的 特有 操作 还 包括 触摸 和 滚动 。 以 国内 开 新 闻 网 站 
CNBeta 的 移动 版 本 为 例 进行 讲解 ， 其 主页 面 如 图 6. 10 所 示 。 





C p ER EET 21:28 
WebbDriver 


您 现在 访问 的 是 移动 版 cnBeta.COM 
编辑 推荐 | 人 和 气 资讯 | 争议 排行 


易 佩 司 国际 物流 02168869 

: 上 海 易 佩 司 国际 海运 ,高 标准 可 。 A 
zx 靠 ,安全 的 海运 公司 专业 , 诚 … F 
不 丹 政府 将 为 全 国 升级 至 电动 汽车 
微软 疯 了 ? Surface 2 礼包 跳楼 价 开 卖 
即刻 惨败 邓亚萍 去 哪儿 
澳洲 一 电台 主 业 做 广播 副业 监测 太空 垃圾 
IDC; 2017 年 中 国 TD-LTE 手 机 出 货 量 将 达 
1.8 亿 部 
英 伟 达 : 把 汽车 做 成 马路 上 的 超级 电脑 
网 络 谜团 : 一 只 令 全 球 密码 专家 着 迷 的 " 蝉 " 
2014 年 IT 行业 的 11 大 安全 风险 
戴尔 开始 部 分 清 退 员工 
无 业 青年 偷 电脑 爱 上 其 主人 与 受害 者 约会 时 被 ; 
索尼 Xperia ZL(L35h) 首 张 官方 Android 4.3 截 
图 泄漏 或 于 下 周 推送 
新 荣耀 四 核 包 装 盒 曝光 承重 超 100KG 


魅族 MX3 Flyme3.3 截 图 曝光 : 更 人 性 化 更 
美观 


一 看 便 知 : 4G 到 底 是 怎么 回 事 ? 
女子 2011 年 网 购 床 垫 2 年 多 后 送 到 网 友 : 文 
. 物 级 快递 
































图 6.10 Android WebDriver 打开 CNBeta 主页 
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EPEEEEEEE 一 - 
基于 Selenium 2 的 自动 化 测试 一 一 从 入 门 到 精通 
示例 代码 如 下 : 

package com. learingselenium. android ; 
import junit. framework. TestCase; 
import org. openqa. selenium. Rotatable; 
import org. openqa. selenium. ScreenOrientation; 
import org. openqa. selenium. WebDriver ; 
import org. openqa. selenium. android. AndroidDriver; 
import org. openqa. selenium. interactions. touch. TouchActions; 
public class testAndroidOnbetaTouchAndScroll extends Testoase | 


public void testBaidu( ) throws Exception | 


WebDriver driver — new AndroidDriver( 


"http ; //localhost ; 8888/ wd //hub") ; 
driver. get( "http: //m. cnbeta. com") ; 
((Rotatable) driver). rotate( ScreenOrientation. PORTRAIT) ; 
TouchActions touch = new TouchActions( driver) ; 
touch. scroll(O, 400). build ( ). perform( ) ; 


driver. close( ) ; 


示例 代码 详解 : 
1) 以 Android WebDriver 来 驱动 WebView 打开 CNBeta 主页 面 。 
2) 确保 WebView 的 屏幕 方向 为 PORTRAIT。 示 例 代码 段 如 下 : 


( (Rotatable) driver). rotate( ScreenOrientation. PORTRAIT ) ; 


3) 采用 TouchActions 操作 页 面 的 滚动 ， 向 下 滚动 400 个 像素 偏 移 量 。 示 例 代 码 段 如 下 : 








TouchActions touch = new TouchActions( driver); 


touch. scroll( 0, 400). build( ). perform( ) ; 
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6.3 3$ Android 遇 到 HTML5 


*6.3.1 HTMLS 中 的 Web Storage 


在 HTMLS 中 ，Web Storage 这 个 新 特性 可 以 让 用 户 将 数据 存储 在 本 地 的 浏览 器 中 。 在 早 
期 的 浏览 器 中 可 以 通过 cookies 来 完成 这 个 任务 。 但 是 相 较 而 言 ，Web Storage 会 更 加 安全 和 
高 效 。 并 且 Web Storage 通过 键 值 对 进行 存储 ， 只 有 自身 的 网 页 应 用 才 可 以 访问 存储 的 数据 。 

Web Storage 分 为 以 下 两 种 类 型 : 

1) localStorage: 存储 的 数据 永久 不 会 过 期 。 

2) sessionStorage: 存储 数据 只 在 当前 会 话 中 有 效 。 
通过 Google Chrome 的 开发 者 工具 在 Resources 选项 卡 中 可 以 查看 Local Storage 和 Session 
Storage 的 信息 ， 如 图 6. 11 所 示 。 


x Elements | Resources | Network Sources Timeline Profiles Audits Console 


» C3 Frames = ne 
esp::esp-sis 

H Web SQL ilntDaemon 1341911973036 

IndexedDB 


og-up-count 3904001 10 
v cal Storage 


sintDaemon 1384744465261 
https://www.google.com.hk settingsDaemon Ü'chromeServerUrl":["http://66.228.34.50/js /chromeSe: 
v EE Session Storage versionDaemon 12 

EB https://www.google.com.hk 
> E3 Cookies 
BB Application Cache 



























































(mie kex 
图 6. 11 查看 Local Storage 和 Session Storage 


以 Android 上 的 HTMLS 浏览 锅 为 例 ， 操 作 LocalStorage 的 示例 代码 如 下 : 


package com. learingselenium. android ; 
import static org. junit. Assert. assertEquals; 


import org. junit. * ; 

import org. openqa. selenium. WebDriver ; 

import org. openqa. selenium. html5. L.ocalStorage ; 
import org. openqa. selenium. html5. WebStorage ; 


import org. openqa. selenium. android. AndroidDriver ; 


public class testAndroidHT ML 5LocalStorage | 
Test 
public void testHTML5LocalStorage( ) throws Exception | 
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"http ; //localhost ; 8888/ wd /hub") ; 


driver. get( "http://www. baidu. com") ; 


LocalStorage localStorage = 


System. out. printIn( "The size of Localstorage is : 


((WebStorage) driver). getl.ocalStorage( ) ; 


+ localStorage. size( ) ) ; 


localStorage. setltem( "key1", "'earningselenium") ; 


System. out. printIn( localStorage. getltem( "key1") ) ; 


driver. quit( ) ; 


从 图 6. 12 所 示 的 执行 结果 来 看 ，LocalStorage 会 保留 之 前 存储 的 数据 并 且 LocalStorage 


的 长 度 为 6。 如 











mE 
果 需 











要 保证 每 次 运行 测试 用 例 时 LocalStorage 都 是 干净 的 状态 ， 那 么 需要 在 


使 用 LocalStorage 之 前 执行 以 下 代码 段 : 


LocalStorage localStorage = ((WebStorage) driver). getLocalStorage( ) ; 


localStorage. clear( ) ; 


Marke Prop Serve Data Snipp El 


«terminated testAndroidHTML5LocalStorage [JUnit] /Library 
The size of LocalStorage is : 6 
learningselenium 








图 6.12  LocalStorage 测试 用 例 的 执行 结 








以 Android 上 的 HTMLS 浏览 器 为 例 ， 操 作 SessionStorage 的 示例 代码 如 下 : 


package com. learingselenium. android ; 


import org. junit. Test; 


import org. openqa. selenium. WebDriver ; 


import org. openqa. selenium. android. AndroidDriver; 


import org. openqa. selenium. html5. SessionStorage; 


import org. openqa. selenium. html5. WebStorage ; 
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public class testAndroidHTML5SessionStorage | 
@Test 
public void testHTML5SessionStorage( ) throws Exception | 


WebDriver driver — new AndroidDriver( 


"http ; //localhost ; 8888/ wd //hub") ; 
driver. get( "http://www. baidu. com") ; 


SessionStorage sessionStorage = 


((WebStorage) driver). getSessionStorage( ) ; 


System. out. printIn( "The size of Sessionstorage is : 


+ sessionStorage. size( ) ) ; 
sessionStorage. setltem( "key1", "earningselenium") ; 
System. out. printlIn( sessionStorage. getltem( 'key1") ) ; 


driver. quit( ) ; 


从 图 6. 13 所 示 的 执行 结果 来 看 ，SessionStorage 不 会 保留 前 一 次 session. 所 存储 的 数据 ， 
即 SessionStorage 中 存储 的 数据 只 在 当前 session 中 有 效 。 


Markers Properti 由 Servers lÉBDataSo [E Snipp 


«terminated testAndroidHTML5SessionStorage [JUnit] /Library/Ja 
The size of SessionStorage is : 0 
learningselenium 





图 6.13 — SessionStorage 测试 用 例 的 执行 结果 





*6.3.2 HTMLS 中 的 Application Cache 


HTMLS 中 引入 了 Application Cache， 这 意味 着 Web 应 用 程序 可 以 被 缓存 到 本 地 ， 并 且 可 
以 在 没有 网 络 的 情况 下 也 能 访问 该 Web 应 用 程序 。 

Application Cache 在 以 下 三 个 方面 具有 明显 优势 : 

1) 离线 浏览 : 在 没有 网 络 的 情况 下 用 户 也 可 以 使 用 Web 应 用 程序 。 

2) 速度 快 : 缓存 的 资源 被 加 载 时 速度 很 快 。 
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3) 服务 器 负载 小 : 浏览 器 只 会 从 服务 器 更 新 有 变化 或 新 增 的 资源 。 
确认 Web 应 用 程序 是 否 使 用 了 该 缓存 特性 的 最 简单 方式 就 是 直接 查看 网 页 HTML 源码 ， 
如 果 其 源码 中 具有 如 下 包括 manifest 属性 的 标签 则 说 明 使 用 了 Application Cache 特性 。 


<! DOCTYPE HTML > 


























«html manifest ="demo. appcache" > 


«/html > 


Selenium WebDriver 具有 一 个 名 为 AppCacheStatus 的 枚 举 量 ， 用 于 标记 当前 的 Application 
Cache 的 状态 ， 包 括 0 (UNCACHED), 1 (IDLE), 2 (CHECKING), 3 (DOWNLOAD- 
ING), 4 (UPDATEREADY) , 5 (OBSOLETE), 

下 面 以 获取 当前 Web 应 用 程序 的 缓存 状态 为 例 来 展示 WebDriver 针对 Application Cache 
的 接口 如 何 使 用 。 示 例 代码 如 下 : 


package com. learingselenium. android ; 











import static org. junit. Assert. assertEquals; 


import org. junit. Test; 

import org. openqa. selenium. WebDriver ; 

import org. openqa. selenium. android. AndroidDriver; 
import org. openqa. selenium. html5. AppCacheStatus ; 


import org. openqa. selenium. html5. ApplicationCache ; 


public class testAndroidH TML .5AppCOCache | 


@Test 
public void testHTML5LocalStorage( ) throws Exception | 
WebDriver driver = new AndroidDriver( 


"http ; //localhost ; 8888/ wd //hub") ; 


driver. get( 


"http : // www. w3schools. com/html/tryhtml5 html manifest. htm") ; 
AppGCacheStatus status = ((Applicationcache) driver) .getstatus (); 
assertEquals (status, AppCacheStatus. DOWNLOADING); 


System. out. println ("Application Cache's status is : 


+ status. toString ()); 
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driver. quit( ) ; 


| 


示例 代码 详解 : 

1) 启动 AndroidDriver， 并 且 让 Android 设备 上 的 WebView 打开 如 下 页 面 : 
http://www. w3schools. com/html/tryhtmlb html manifest. htm 

2) 获取 Application Cache 的 状态 ， 在 本 例 中 为 DOWNLOADING 状态 。 示 例 代码 段 如 下 : 
AppCachestatus status = ((ApplicationCache ) driver). getStatus( ) ; 


3) 验证 并 打印 Application Cache 的 状态 ， 执 行 结果 如 图 6. 14 所 示 。 





Bi Markers © Properti $ Servers B Data So [f Snippet Console 23 


«terminated» testAndroidHTML5AppCache [JUnit] /Library/Java/JavaVirtualMachines/1 
Application Cache's status is : DOWNLOADING 























图 6. 14 Application Cache 测试 用 例 的 执行 结果 








6.4 在 Cloud 中 测试 Android 





迎 着 云 计算 普及 的 春风 ， 可 以 将 区 入 式 设备 放 到 云 计 算 平 台中 来 完成 自动 化 测试 工作 。 
其 优势 在 于 资源 的 合理 调配 ， 并 且 能 够 尽 可 能 多 地 解决 测试 多 种 不 同 操作 系统 类 型 或 者 不 同 
尺 才 屏 幕 的 兼容 性 问题 。 特 别 是 现在 热门 的 Android 平台 和 i0S 平台 ,它们 都 有 相应 的 模拟 
器 程序 ， 使 得 在 云 中 进行 测试 变 得 可 行 。 

首先 ， 如 果 和 希望 在 云 中 能 够 针对 手机 真 机 进行 测试 ， 那 么 真 机 实验 室 是 不 可 或 缺 的 。 这 
一 点 似乎 非常 明显 ， 无 须 袭 述 。 在 这 里 将 分 析 Android 模拟 器 的 特点 ， 供 大 家 参考 。 

Android 模拟 器 可 以 在 多 个 不 同 的 操作 系统 上 运行 ， 包 括 Windows、Mac、Linux， 因 此 
搭建 基于 Android 模拟 器 的 云 计 算 平 台 可 以 选择 任意 熟悉 的 操作 系统 平台 。 虽 然 Android 模 
拟 器 可 以 带 来 极为 完整 的 测试 体验 ， 包 括 虚 拟 的 CPU、MMU ， 以 及 其 他 硬件 设备 , 但 不 能 高 
兴 得 太 早 。 因 为 Android 模拟 器 的 运行 速度 实在 不 敢 葵 维 。 因 此 ， 为 了 能 在 云 计算 平台 上 真 
正 做 到 使 用 Android 模拟 器 来 执行 并 高 效 地 完成 测试 任务 ， 需 要 将 模拟 器 中 的 动画 、 音 频 、 
皮肤 等 与 功能 测试 本 号 不 相关 的 附属 特性 都 关闭 ， 甚 至 让 模拟 融和 运行 在 headless 模式 下 都 可 
以 有 效 地 提高 模拟 器 的 运行 效率 。 具 体 的 操作 步骤 是 在 启动 模拟 器 时 ， 附 带 如 下 参数 : 
$ ./emulator -no- boot- anim -no- audio -no-skin -no- window 

除了 以 上 通过 禁止 某 些 特性 的 方式 来 加 速 运行 效率 ,还 可 以 通过 使 用 Snapshot (快照 ) 
镜像 来 启动 模拟 需 的 方式 来 减少 模拟 器 启动 时 间 ， 从 之 前 的 2min 减少 到 不 超过 3s。 这 太 疯 
狂 了 ! 在 创建 AVD (Android Virtual Device) 的 时 候 ， 将 Emulation Options 中 的 Snapshot 选项 
勾 选 上 ， 如 图 6. 15 所 示 。 
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AVD Name: Android-Emulator-For-Cloud-Testing 

Device: | Nexus 7 (7.27", 800 x 1280: tvdpi) 一 一 -| 
Target: ( Android 4.3 - API Level 18 + 
CPU/ABI: ARM (armeabi-v7a) E 
Keyboard: (V| Hardware keyboard present 

Skin: [MÍ Display a skin with hardware controls 

Front Camera: — [Noe — y t) 
Back Camera: None D 




















Memory Options: | RAM: [1024 VM Heap: |32 














Internal Storage: 200 MiB t 





SD Card: 











Coc) E 


6.15 创建 附带 Snapshot 的 AVD 








接 下 来 启动 这 个 被 创建 的 AVD， 并 且 在 Launch Options 页 面 上 ， 将 Launch from snapshot 


和 Save to snapshot 都 匀 选 上 ， 如 图 6. 16 所 示 。 


Android Virtual Device Manager 











Po Device Definitions | 














| CPU/ABI 


AVD Name | 
ARM (armeabi-v7 


| «f Android-EmulzAndrc 






Skin: 800x1280 


















| w^ myavd1 Density: 213 ARM (armeabi-v7 | 
| ^ myavd2 [] Scale display to real size ARM (armeabi-v7 
| v myavd3 i ARM (armeabi-v7 | 





Screen Size (in): 7.3 





Monitor dpi: 72 [z] 
default 








Scale: 





[VÍ Launch from snapshot 





[VÍ Save to snapshot 


Details... 








Edit... 





Delete... 








Repair... | 











Start... 

















Refresh 











«v^ A valid Android Virtual E 
3€ An Android Virtual Device 








图 6.16 启动 AVD 时 附带 Snapshot 选项 
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在 AVD 第 一 次 启动 时 ， 由 于 还 没有 生成 快照 镜像 ， 因 此 这 次 启动 效率 还 是 维持 在 一 般 
水 平 。 当 系统 启动 后 ， 单 击 关 闭 按钮 来 保存 一 次 快照 镜像 并 退出 模拟 需 。 生 成 快照 镜像 的 时 
间 会 略 显 漫 长 ， 但 这 种 等 待 是 值得 的 。 一 旦 快照 镜像 生成 ， 那 么 下 次 启动 速度 将 是 飞 一 般 的 
感觉 。 原 因 很 简单 ， 因 为 直接 跳 过 了 原来 的 系统 启动 时 间 。 

接 下 来 就 可 以 通过 模拟 器 的 命令 行 方式 启动 镜像 。 命 令 如 下 : 

$ ./emulator -snapshot «name > 

更 多 关于 快照 镜像 的 操作 步 又 和 注意 事项 可 以 参考 : 

http : //tools. android. com/recent/emulatorsnapshots 

结合 前 面 所 述 的 优化 参数 和 快照 模式 ， 基 于 Android 模拟 器 的 云 计算 测试 平台 ,较为 推 
荐 的 模拟 器 启动 参数 组 合 为 


$ ./emulator -no-boot-anim -no-audio -no-skin -no-window -snapshot «name > - 






































avd Xname > 


小 贴 士 

1. Android 模拟 器 启动 很 慢 怎 么 办 ? 

可 以 参考 对 于 模拟 器 启动 的 优化 部 分 。 唯 一 需要 注意 的 是 ,如 果 模 拟 器 启用 了 -no- 
window 参数 ,那么 只 能 通过 命令 行 的 方式 来 启动 模拟 器 中 的 Android webDriver App T o 

2 adb 提示 找 不 到 设备 或 模拟 器 怎么 办 ? 


$ adb kill-server 





$ adb start-server 
3. 如 果 地 理 定位 没 起 作用 怎么 办 ? 
确保 Android 手机 上 “开发 人 员 选 项 ”中 的 “USB 调试 “保持 唤醒 状态 "以 及 “允许 模 
拟 地 点 ”处 于 打开 状态 。 
4 加载 HTTPS 页 面 失败 怎么 办 ? 
请 添加 如 下 代码 段 来 解决 加 载 HTTPS 页 面 失败 的 情况 : 
DesiredCapabilities caps = DesiredCapabilities. android( ) ; 
caps. setCapability ( Capability Type. ACCEPT. SSsL CERTS, true); 





AndroidDriver driver — new AndroidDriver (caps); 

5. 安装 android- server. apk 提示 证 书 不 一 致 怎么 办 ? 
Failure [ INSTALL, PARSE FAILED INCONSISTENT. CERTIFICATES | 

安装 时 如 果 遇 到 以 上 提示 ， 则 说 明 apk 所 签名 的 证 书 与 已 经 安装 的 apk 文件 的 签名 
证 书 来 源 不 一 致 。 可 以 通过 先 缉 载 之 前 的 apk， 然 后 再 安装 新 的 apk 来 解决 。 印 载 命 令 如 
Pe 

$ adb uninstall org. openqa. selenium. android. app/. MainActivity 

e. 如 果 需 要 在 headless x 环境 中 运行 模拟 器 怎么 办 ? 

由 于 Android 模拟 需 不 兼容 xvfb， 因 此 不 能 在 xvfb 中 运行 。 如 果 需 要 在 headless X 
环境 中 运行 模拟 带 ， 则 需要 启用 -no-window 选项 。 
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6.5 小 结 


本 章 介 绍 了 如 何在 Android 平台 上 使 用 Selenium WebDriver 进行 测试 。 从 搭建 Android 
WebDriver 测试 环境 入 手 ， 进 一 步 前 释 了 如 何 操作 手机 上 特定 的 功能 ， 包 括 旋转 屏幕 、 触 摸 
和 滚动 。 由 于 Android 上 的 浏览 器 内 核 基 于 Webkit， 其 对 HTMLS 的 支持 也 在 本 章 的 阐释 范 
上 畴 内 。 通 过 介绍 Web Storage 和 Application Cache， 展 示 了 WebDriver 与 Android 上 HTMLS 的 
交互 过 程 。 最 后 ， 以 Android 模拟 器 人手， 介绍 了 如 何在 Cloud 中 测试 Android 应 用 。 


第 | 7 | 章 


Selenium 玩 转 iOS 





7.1 简 介 


从 Selenium 的 官方 文档 来 看 ， 推 荐 用 户 使 用 ios-driver 或 者 appium 而 不 是 官方 发 布 的 
iPhone Driver。 它 们 的 地 址 分 别 是 


http: ///ios- driver. github. io/ios- driver/ 





http; //appium. io/ 


7.2 ios-driver 


*7.2.1 ios-driver 简介 


ios- driver 基于 两 种 不 同 的 框架 构建 起 来 ， 一 种 是 针对 原生 app 进行 构建 的 ， 还 有 一 种 是 
针对 Web 的 app 或 者 混合 式 app 进行 构建 的 。 鉴 于 两 种 不 同 app 的 设计 原理 ， 需 要 满足 不 同 
的 开发 环境 需求 。 

1. 原生 app 

由 于 使 用 UlAutomation 框架 ， 所 以 需要 确保 iOS SDK 的 版 本 大 于 5.0。 检 查 方法 如 下 : 


$ xcodebuild -showsdks 


执行 结果 类 似 如 下 内 容 : 


OS X SDKs: 

OS X 10.8 -sdk macosx10. 8 
iOS SDKs: 

OSO -Sdk iphoneos7. O 


iOS Simulator SDKs: 


Simulator -iOS 7.0 -sdk iphonesimulator7. O 


2. Web app 或 者 混合 式 app Y 
针对 这 种 方式 的 app， 需 要 用 到 远程 Webkit 的 调试 协议 ， 并 且 i0S 的 版 本 要 求 为 6+，™ 
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Safari 的 版 本 要 求 为 6 + 。 如 果 无 法 满足 以 上 和 条件， 也 可 以 继续 测试 原生 app， 但 是 无 法 在 
Safari 上 运行 Web 页 面 ， 也 不 能 使 用 DOM 选择 器 来 与 UIWebviews 进行 交互 。 





*7.2.2 ios-driver 的 Web app 实例 





首先 ， 进 入 ios- driver 官方 网 站 并 下 载 ios- server-0. 6. 5- jar- with- dependencies. jar， 如 图 
7. 1 所 示 。 


x E Nadejs L3 selenium aH 


图 7.1 FÆ ios-driver 
在 第 一 次 运行 ios- driver 之 前 ， 应 先 确保 以 下 目录 和 文件 的 权限 更 新 : 


$ sudo chmod a «rw /Applications/Xcode. app/Contents/Developer/Platforms/ 
iPhoneSimulator. platform/Developer/SDKs/iPhoneSimulator7. 0. sdk/ Applications 


$ sudo chmod a «rw /XApplications/Xcode. app/Contents/Developer/Platforms/ 
iPhoneSimulator. platform /Developer/SDKs/iPhoneSimulator7. 0. sdk/ Applications /Mo- 
bileSafari. app 


然后 更 新 MobileSafari Info. plist 的 权限 以 允许 ios- driver 编辑 它 。 执 行 命令 如 下 : 


$ sudo chmod 666 
/ Applications/Xcode. app/Contents/ Developer /Platforms/iPhoneSimulator. 
platform/ Developer/SDKs/iPhoneSimulator7. 0. sdk/Applications/Mobilesafari. app/In- 
fo. plist 


在 启动 ios- driver 之 前 ， 请 确保 系统 上 安装 的 Java 版 本 至 少 为 1.7.0 版 本 : 


$ java -version 

java version ".7.0_04" 

Java (TM) SE Runtime Environment ( build 1. 7. O. 04- b21 ) 

Java HotSpot (TM) 64- Bit Server VM ( build 23. 0- b21 , mixed mode) 


接着 进入 刚 下 载 的 ios- server-0. 6. 5-jar- with- dependencies. jar 的 路 径 。 执 行 如 下 命令 : 


$ java -jar ios-server-0.6.5- jar- with- dependencies. jar -simulators 
43.55.954 INFO Applicationstore. «init > App archive folder: /Selenium2/ 
selenium/applications 


44:00:611 INFO lOSServer. initDriver 
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Beta features enabled (enabled by - beta flag) : false 

Simulator enabled (enabled by -simulators flag): true 

Inspector. http ://0. 0. 0. 0: 5Eb5/inspector/ 

Tests can access the server at http: //0. 0. 0. 0; Bb55/wd/hub 
Server status; http://0O. 0. 0. 0: 5555/wd/hub/ status 

Connected devices. http ://0. 0. 0. 0:5555/wd/hub/ devices/all 
Applications: http: //0. 0. 0. 0; 5555/wd/hub/applications/all 
Capabilities. http ://0. 0. 0. 0: 5555/ wd / hub/capabilities/all 
Monitoring '"/Selenium2/selenium/applications' for new applications 
Archived apps. /Selenium2/selenium/applications 

Build info ;ios- driver Q. & 5( built :2013121 9-1439, Sha :bg9727e58d8c840ab82573bae333be235697fac37) 
Running on; Mac OS X 10. 9 ( x86. 64) 

Using java: 1.7.0 04 

Using Xcode install; /Applications/xcode/Xcodes. app 

Using instruments; version; 5.0.1, build; 51168 

Using iOS version 7. 0 


iOS >= 6.0. Safari and hybrid apps are supported. 


Applications : 
CFBundleName = Safari, CFBundleVersion = 9537. 53, /Users/bobf/. ios- driver/sa- 


fariCopies/safari-7. 0. app 


2013-12-19 14: 44; OO.709: INFO:: jetty-7.x. y- SNAPSHOT 
2013-12-19 14: A4. 00. 980; INFO::. Started SelectChannelConnector(2Q. O. O. O; 5555 




















RAO sA 5555, HAUEN APA PEE, WREE 7.2 中 类 似 JSON 对 
象 的 信息 ， 则 说 明 前 述 操作 成 功 。 


http : ///localhost ; 5555/wd/hub/status 


接 下 来 以 百度 首页 为 例 进 行 阐述 。 





SN 
UE: 


在 Eclipse 中 要 添加 之 前 下 载 的 ios- server-o. 6. 5- jar- with- dependencies. jar 文件 ， 
因为 需要 如 下 库 的 支持 : 
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和 全 C [D localhost:5555/wd/hub/status 
fU Apps [Az] MyFavorite (vrs [Ej GaDev [xg BC Gia (H Algorithm 和 VMv 





"class": "org.openqa.selenium.remote.Response", 

"hCode": 514067204, 

"sessionId": null, 

"state": null, 

"status": 0, 

"value": ( 

"build": 4 

"revision": "120cf4311807e2e137e519f4c4877cf6340d0cbc", 
"time": "20130927-1435", 
"version": "0.6.5" 


y, 
"ios": ("simulatorVersion": "7.0", 
"java": ("version": "1.7.0 04"), 
"os": 1 

"arch": "x86 64", 

"name": "Mac OS X", 

"version": "10.9" 


"state": "success", 

"supportedApps": [1 
"CFBundleDevelopmentRegion": "English", 
"CFBundleDisplayName": "Safari", 
"CFBundleExecutable": "MobileSafari", 
"CFBundleIcons": ("CFBundlePrimaryIcon": { 

"CFBundleIconFiles": [ 
"icon-spotlight-ipad.png", 
"icon-table-ipad.png", 
"icon-about-ipad.png", 
"icon-table-ipad.png", 
"icon-spotlight(92x. png", 
"icon-tableQ2x.png", 
"iconeipad.png", 
"icon-about(92x.png", 
"iconGQ2x-iphone.png", 





图 7.2 通过 浏览 器 查看 ios- driver 启动 状态 
示例 代码 如 下 : 


package com. learningselenium. ios ; 

import junit. framework. TestCase; 

import java. net. URL; 

import org. openqa. selenium. remote. RemoteWebDriver ; 
import org. openqa. selenium. remote. DesiredCapobilities ; 
import org. uiautomation. ios. lOSCapobilities ; 


public class testiOSBaidu extends TestCase | 


public void testBaidu( ) throws Exception | 


DesiredCapabilities safari = lOSCapabilities. iphone ("Safari") ; 
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new URL('hnttp://localhost:5555/wd/hub") , safari) ; 
driver. get( "http://www. baidu. com") ; 
String url = driver. getCurrentUrl( ) ; 
System. out. printIn( url ) ; 


driver. close( ) ; 


示例 代码 详解 : 

1) 设置 DesiredCapabilities， 其 中 IOSCapabilities 设置 为 iphone。 如 果 应 用 程序 运行 在 
iPad 模拟 器 上 ， 那 么 相应 的 设置 为 ipad 即 可 。 参 数 Safari 表示 待 测试 应 用 程序 的 bundle 
name ， 因 为 这 里 是 测试 Web 页 面 ， 默 认 是 用 Safari 浏览 器 打开 。 示 例 代 码 段 如 下 : 


DesiredCapabilities safari = IOSCapabilities. iphone( "safari") ; 


2) 通过 i0S RemoteWebDriver 启动 应 用 程序 。 
3) 打开 百度 页 面 ， 并 获取 当前 打开 页 面 的 URL, 














*7.2.3 ios-driver 的 Native app 实例 


接 下 来 以 苹果 官方 的 示例 程序 InternationalMountains 为 例 ， 对 原生 app 的 测试 过 程 进行 
讲解 ， 如 图 7.3 所 示 。 示 例 代 码 的 下 载 地 址 如 下 : 


https : //developer. apple. com/legacy/library/samplecode/InternationalMountains 





/Introduction/Intro. html 








€ International Mountains (| x 
? | @ https Jdacilipér apple omega cy Irany/ samp leds innilion uin nd i i arvos e 
È wyravorite [ves 国 cape (sc (C38 (Algorithm (VMware E] HTMLS (Mac (E Cocoszd-x (i Nodejs (selenium ($ ras 
red Documents Library e 

International Mountains 

Table of Contents | -Download Sample. Code | 
vout International Mountains 
bus International Mountains 


ain.m 
asses/DetailViewController.h 


图 7.3 FX InternationalMountains 示例 代码 


该 示例 程序 的 3 运行 界面 如 图 7.4 所 示 。 
请 确保 你 的 app 程序 和 UlAutomation 已 关联 ， 方 法 如 下 : 
在 Xcode 的 菜单 中 选择 Product 一 Profile， 并 且 选 择 Automation, ， 如 图 7.5 所 示 。 该 设 定 
会 构建 app 并 且 启 动 Instruments, 
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Mountains 
Mountain 1 


Mountain 2 


Mountain 3 


Mountain 4 


Mountain 5 


Mountain 6 





Mountain 7 


New Mountain 


Old Mountain 





图 7.4  InternationalMountains 运行 界面 


Profile 'InternationalMountains' 





Choose Trace Template or Existing Document: 











E iOS Simulator p———-—A4 
1 1 
mu— 1 1 
Memory I 
CPU 
File System - 
Blank Activity Monitor 
2 User oo 
A 
All 
Document 
Open . . E 
Zombies Time Profiler System Trace Automation 
Recent 
2 Automation 
This template executes a script which simulates UI interaction for an iOS application 
launched from Instruments. 
(?) 


[ Cancel | [Profile] 
图 7.5 关联 InternationalMountains 程序 和 UlAutomation 


将 Instruments 关闭 ， 并 且 在 Xcode 中 选择 Window 一 Organizer 一 Projects ， 可 以 看 到 Inter- 
nationalMountains 项 目的 app 文件 所 在 路 径 ， 如 图 7.6 所 示 。 
InternationalMountains. app 的 路 径 为 





~ / Library/Developer/Xcode/ DerivedData/InternationalMountains- 
eordguimrxknwoaynobkvplrkacs/ Build/Products/Debug- 


iphonesimulator/InternationalMountains. app 
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Organizer - Projects I" 





Faa  InternationalMountains 
iay Location ~/Dropbox/mypublication/Selenium 2/mydoc/codes /5/InternationalMountains/InternationalMountains.xcodeproj © 


Status Open 


brary/Developer/Xcode/DerivedData/InternationalMoun rdguimrxknwoaynobkvplrkacs © ( Delete... ) 


Data includes index, build output and logs 





Snapshots No snapshots Delete... 
Snapshots allow you to save your project state at different points in time 

















图 7.6 查看 InternationalMountains 项 目的 app 文件 所 在 路 径 


接着 进入 刚 下 载 的 ios- server-0. 6. 5-jar- with-dependencies. jar 的 路 径 ， 执 行 如 下 命令 


$ java -jar ios-server-O. 6. 5- jar- with- dependencies. jar -aut 
^ / Library/Developer/ Xcode/ DerivedData/InternationalMountains- 
eordguimrxknwoaynobkvplrkacs/Build/Products/Debug- 


iphonesimulator/InternationalMountains. app -port 4444 


接 下 来 确认 ios- driver 启动 成 功 并 且 可 以 访问 该 app， 通 过 浏览 器 访问 如 下 地 址 ， 如 果 看 
到 图 7.7 中 类 似 JSON 对 象 的 信息 ， 则 说 明 前 述 操作 成 功 。 


http://localhost:4444/wd/hub/status 





e> C D localhost:4444/wd/hub/status 
fH Apps (Ep MyFavorite (ves (Eg caDev 入 sc (ges (H Algorithm (H vmware G 








"class": "org.openqa.selenium.remote.Response", 


"hCode": 156286440, 

"sessionId": null, 

"state": null, 

"status": 0, 

"value": { 

"build": 4 

"revision": "120cf4311807e2e137e519f4c4877cf6340d0cbc", 
"time": "20130927-1435", 
"version": "0.6.5" 


F; 
"ios": {"simulatorVersion": "7.0"}, 
"java": {"version": "1.7.0_04"}, 
"os": ( 

"arch": "x86 64", 

"name": "Mac OS X", 

"version": "10.9" 


F 

"state": "success", 

"supportedApps": [ 
{ 


"CFBundleDevelopmentRegion": "en", 
"CFBundleExecutable": "InternationalMountains", 
"CFBundleIconFile": "Icon.png", 
"CFBundleIdentifier": "com.yourcompany.InternationalMountains", 
"CFBundleInfoDictionaryVersion": "6.0", 
"CFBundleName": "InternationalMountains", 
"CFBundlePackageType": "APPL", 
"CFBundleSignature": "????", 
"CFBundleSupportedPlatforms": ['iPhoneSimulator"], 
"CFBundleVersion": "1.1", 

"DTPlatformName": "iphonesimulator", 
"DTSDKName": "iphonesimulator7.0", 
"LSRequiresIPhoneOS": true, 


图 7.7 通过 浏览 器 查 看 ios- driver 启动 状态 
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如 果 是 在 模拟 器 中 运行 app， 则 需要 在 启动 ios-driver 时 使 用 -simulators 参数 ， 执 行 命令 
及 打印 信息 如 下 : 


$ java -jar ios-server-0.6.5- jar- with- dependencies. jar-aut 
~ /Library/Developer/Xcode/DerivedData/InternationalMountains-eordguimrxkn- 
woaynobkvplrkacs/ Build/Products/Debug- 


iphonesimulator/InternationalMountains. app -port 4444 -simulators 


54:54:605 INFO ApplicationStore. «init App archive folder; /Selenium2/ 
selenium/applications 

54:57:193 INFO lOSServer. init 

Beta features enabled ( enabled by -beta flag ) : false 
Simulator enabled ( enabled by -simulators flag): true 
Inspector. http ://0. 0. 0. 0:42444/inspector/ 

tests can access the server at http: //O. 0. 0.0:4444/ wd /hub 
Server status. http ://0.0. 0. 0:4444/wd/hub/ status 

Connected devices. http ://0. 0. 0. 0:4444/wd/hub/ devices/all 
Applications: http: //0. 0. 0. 0:4444/wd/hub/applications /all 
Capabilities. http ://0. 0. 0.0:4444/wd/hub/capabilities/all 
Monitoring '"/Selenium2/selenium/applications' for new applications 
Archived apps /Selenium2/selenium/applications 

using xcode install : /Applications/xcode/ Xcodes. app 

using IOS version 7. 0 


ios >= 6.0. Safari and hybrid apps are supported. 


Applications : 
CrFBundleName = InternationalMountains , CF BundleVersion —1.1 


CrFBundleName = Safari, CF BundleVersion — 9537. 53 


2013-12-18 20:54:57. 194: INFO : : jetty-7. x. y- SNAPSHOT 
2013-12-18 20:54:57. 264: INFO: : Started SelectChannelConnector(9 Qo. 0. 0. O :444A. 
应 确保 已 经 通过 Xcode Jo 2] TIRMA, D Ti; OBL IE DX] V3 a8 EE ios- driver 的 启动 状态 
是 否 正常 。 
针对 InternationalMountains 的 测试 用 例 代 人 码 如 下 : 


package com. learningselenium. ios ; 

















Y import java. net. URL; 
y 
Y import java. util. List; 
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import junit. framework. TestCase; 


import org 


import org. 
import org. 
import org. 
import org. 
import org. 
import org. 


import org. 


. openqa. selenium. 


openqa. selenium. 
openqa. selenium. 
openqa. selenium. 
openqa. selenium. 
openqa. selenium. 
openqa. selenium. 


uiautomation. ios. 


By; 

WebElement; 
"TakesScreenshot; 
OutputType; 

remote. RemoteWebDriver ; 
remote. DesiredCapobilities ; 
remote. Augmenter; 


lOSCapobilities ; 


public class testiOSInternationalMountains extends Testcase | 


public void tesInternationalMountains( ) throws Exception | 


DesiredCapabilities nativeAppCap = 


lOSCapabilities. iphone( "InternationalMountains", *.1") ; 


RemoteWebDriver driver = new RemoteWebDriver( new URL( 


"http : //localhost ; 4444/wd/hub") , nativeAppCap) ; 


List «WebElement > cells = driver. findElements( 


By. className( 'UIATableCell") ) ; 


assertEquals(9, cells. size( ) ) ; 


Webklement first = 
first. click( ) ; 


cells. get( 0) ; 


"TakesScreenshot screen -— 


File 


(TakesScreenshot) new Augmenter( ). augment( driver) ; 


Ss — new File( "screenshot. png") ; 


Screen. getScreenshotAs ( OutputType. FILE). renameTo( ss); 


System. out. printIn( "screenshot take ;" + ss. getAbsolutePath( ) ) ; 


By selector = By.xpath("//UlAStaticText| contains( @ name ,'climbed') |") ; 


WebElement text = driver. findElement( selector) ; 


> > 
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System. out. printIn( text. getAttribute( name") ) ; 


driver. quit( ) ; 


示例 代码 详解 : 


1) 设置 DesiredCapabilities， 其 中 Bundle version 的 获取 方式 如 图 7.8 所 示 ， 在 Xcode 中 
可 以 查询 到 。 





图 InternationalMountains.xcodeproj 





m|*4 P| B InternationalMountains 

















EJ Bü internationalMountains $ General Capabilities Info Build Settings Build Phases 


Y Custom iOS Target Properties 


Key Type Value 

Bundle version $ String 1.1 

Bundle identiner : ring Com.yourcompany. S(PRODUCT. NA 
Bundle OS Type code $ String APPL 

Bundle name $ String S$[PRODUCT. NAME] 

Bundle creator OS Type code $ String 7? 

InfoDictionary version $ String 6.0 

Main nib file base name $ String MainWindow 

Application requires iPhone environment $ Boolean YES * 
Localization native development region $ String en E 
Icon file $ String Icon.png 

Executable file $ Sting S[EXECUTABLE NAME] 


7.8 查看 InternationalMountains 的 Bundle version 


2) 通过 iOS RemoteWebDriver 启动 应 用 程序 。 

3) 验证 应 用 程序 启动 后 有 9 个 元 素 在 列表 中 。 

4) 操作 列表 中 的 第 一 个 元 素 。 

5) 截屏 操作 和 操作 页 面 元 素 。 

如 果 需 要 在 真实 设备 上 运行 app， 则 需要 在 启动 ios- driver 时 使 用 -beta 参数 。 执 行 命令 
如 下 : 


$ java -jar ios-server-0.6.5- jar- with- dependencies. jar -beta -port 4444 


*7.2.4 ios-driver 的 源码 编译 
前 置 条 件 为 系统 已 经 安装 Git, JDK7 和 apache-maven。 然 后 在 /etc/profile 中 添加 如 下 


命令 : 
export JAVA. HOME =/Library/Java/JavaVirtualMachines/ jdk1.7.0 xx. jdk/ 
Contents/Home 
export M2 HOME -/Users/ |YourAccountName| /Desktop/apache-maven-3. 1. x 
export PATH = $JAVA. HOME/bin: $PATH 
export M2 = $ M2 HOME /bin 


export PATH = $M2: $PATH 
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https; // github. com/ios- driver/ios- driver/ 
在 解压 后 的 源码 根 目录 执行 如 下 命令 : 


sudo mvn clean package 
或 者 


sudo mvn clean install 








如 果 最 后 编译 成 功 ， 会 看 到 如 下 日 志 信息 : 





[INFO] Reactor Summary: 


[INFO] BUILD SUCCESS 


| INFO | Total time: 2:20. 837s 


[INFO] Final Memory: 37M/89M 




















如 果 不 需 要 运行 测试 用 例 ， 则 加 上 如 下 参数 即 可 。 


-DskipTests 

















WREE EF, HERD Pf, DPI 


同 的 版 本 。 


通过 如 下 地 址 并 使 用 Git 获取 源码 后 解 包 : 


[INFO] ---------------------------------------- 


[INFO] ---------------------------------------- 


[ INFO] Finished at; Thu Dec 19 14:42:09 CST 2013 


[INFO] ---------------------------------------- 
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[ INFO | 

LUSIEO] (915 IUCN El A AA a E E E A A SE SUCCESS |1. 506s | 
ETN OO SS CONO E EE ORTOS TT TREE SUCCESS | 9. 641s | 
[INI GXBIOSS IS EE TE SUCCESS [3. 921s | 
FINIEOIBIOSSSODVER SU T SCOOTER SUCCESS [1:8 51s | 
Lipsio) ] tees SSEM E eXESt oou ondongaoRdandoosdodug onoduon deo SUCCESS | 28. 072s | 
Lüxirec ] Tletigaeterisie VC Ve o eco ooecooosooosecgcoooooosoononoo 5s SUCCESS | 6. 816s | 
eiNE OG SE | Oe ee SUCCESS | 1.487s | 
[INFO] ------- 


中 安装 了 JDK1. 6 和 JDKI. 7 两 个 不 


[ WARNING | Rule 0; org. apache. maven. plugins. enforcer. RequireJavaVersion 


failed with message: 


Detected JDK Version: 1.6.0-43 is not in the allowed range 1. 7. 





Contents/Home 


解决 方案 为 ， 在 用 户 根 目录 新 建 . mavenre 文件 并 添加 如 下 内 容 : 


export JAVA. HOME = /Library/Java/ JavaVirtualMachines/ jdk1.7.0_ xx. jdk/ 
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7.3 Appium 


X*7.3.1 Appium 简介 


Appium 是 一 个 开源 的 、 跨 平台 的 测试 框架 ， 可 以 用 来 测试 移动 设备 上 Native 或 者 Hy- 
brid 的 应 用 程序 。Appium 同时 支持 i0S、Android 和 FirefoxOS 等 多 种 移动 平台 。 

1. Appium 的 工作 原理 

1) 10S; 通过 WebDriver 的 JSON Wire 协议 来 驱动 iOS 系统 的 UlAutomation 库 。 

2) Android: 通过 WebDriver 的 JSON Wire 协议 来 驱动 Android 系统 的 UIAutomator 框架 。 

3) FirefoxOS; 通过 WebDriver 的 JSON Wire 协议 来 驱动 基于 Gecko 的 Marionette 框架 。 

2. Appium 的 优势 

1) Appium 在 不 同 的 移动 平台 上 均 使 用 了 标准 的 自动 化 API， 所 以 用 户 不 需要 重新 编译 
或 者 修改 app。 

2) Appium 支持 Selenium WebDriver 能 支持 的 所 有 绑 定 编程 语言 ， 如 Java, Python, 
JavaScript, C£, Ruby 等 。 

3) Appium 支持 的 测试 框架 相当 广泛 。 

在 Appium 出 现 之 前 ， 如 果 使 用 10S 的 UIAutomation 框架 ， 则 只 能 使 用 JavaScript 来 编写 
测试 用 例 ， 用 Instruments 来 运行 测试 用 例 。 如 果 使 用 Android 的 UIAutomator 框架 ， 则 只 能 
使 用 Java 来 编写 测试 用 例 。 

3. 安装 Appium 

1) 使 用 Node.js 安装 Appium， 命 令 如 下 。 安 装 之 前 应 先 确 认 系 统 中 已 经 安装 了 
Node. js。 



























































$ sudo npm install -g appium 

2) 直接 从 官网 下 载 并 解压 使 用 ， 地 址 如 下 : 
https : //github. com/appium/appium/releases 

3) 直接 下 载 Appium. dmg 文件 并 解压 使 用 ， 这 种 方式 是 带 UL 的 app。 地 址 如 下 : 
https : //bitbucket. org/appium/appium. app/downloads/ 


4. 启动 Appium 

















$ appium & 
启动 成 功 后 可 以 看 到 如 下 信息 : 


info: Welcome to Appium vO.13.0 





info: Appium REST http interface listener started on O. 0. 0. 0 :4723 
info -socket. io started 
如 果 下 载 的 是 Appium. app 文件 ， 则 双击 打开 即 可 。 界 面 如 图 7.9 所 示 。 
本 书 将 重点 介绍 Appium 与 i0S 系统 的 交互 ， 而 与 Android 系统 交互 的 更 多 信息 ， 可 查 
询 Appium 的 官方 网 站 。 
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ooo Appium 
IP Address: 0.0.0.0 Port: 4723 LY) (9j Stop 
App Path: | Choose (Ex Macintosh HD. 
UDID auto Force Device iPad 
BundlelD Use Mobile Safari 


info: Welcome to Appium v9.12.3 


info: Appium REST http interface listener started on 0.0.0.0:4723 


info - socket.io start 





| Clear | 


图 7.9 Appium 启动 界面 


*7.3.2 Appium 的 iOS 配置 


1. 配置 信息 

1) 确保 Mac OS X 的 最 低 版 本 为 10.7。 

2) Xcode/iOS 兼容 Xcode 4.6. 3/108 6. 1. x, 或 者 Xcode 5/i0S 7. x, 勿 使 用 高 版 本 的 
Xcode 配合 低 版 本 的 i0S SDK， 如 Xcode 5/108 6. x, 

3) 确保 授权 iOS 模拟 器 的 使 用 。 

CD 如 果 通 过 Node. js 安装 Appium， 则 运行 如 下 命令 即 可 : 


$ sudo authorize ios 
H&P, authorize ios 是 Appium npm 包 中 的 一 个 二 进 制 文件 。 授 权 成 功 后 的 信息 如 下 : 


Enabling DevToolsSecurity 
Updating security db for developer access 
Granting access to built-in simulator apps 


Authorization successful 
O 如 果 通 过 在 官网 下 载 源码 包 的 方式 来 运行 Appium， 则 运行 如 下 命令 即 可 : 
$ sudo grunt authorize 


© 如 果 直 接 使 用 Appium. app, MA UI 上 操作 即 可 ， 如 图 7. 10 所 示 。 





Appium is not authorized to run the iOS Simulator 


Would you like to authorize it now? 


(no ) (-BsNotAskAgain ) 
7.10 Appium 授权 iOS 模拟 器 的 使 用 








| Yes 





sl 
> > 
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2. 多 个 iOS SDK 切换 

Appium 使 用 Xcode 的 Instruments 来 启动 10S 模拟 器 ， 并 且 默 认 使 用 当前 安装 的 Xcode 
的 最 高 版 本 的 OS SDK。 如 果 系 统 中 安装 了 多 个 Xcode 和 相应 的 i0S SDK， 如 Xcode 4. 6. 3/ 
iOS 6. 1. x 和 Xcode 5/108 7. x， 那 么 Appium 会 强制 使 用 最 高 版 本 的 108 7. xo 

如 果 需 要 在 特定 的 10S 上 测试 ， 在 启动 Appium 之 前 ， 需 要 切换 到 特定 的 测试 版 本 上 。 
使 用 如 下 命令 进行 切换 : 


$ sudo xcode-select -switch /Applications/Xcode. app/Contents/ Developer/ 





*7.3.3 Appium 的 Web app 实例 


首先 以 i0S 上 的 Web app 为 例 阐述 Appium 的 使 用 。 请 先 确认 i0S 模拟 器 或 者 真实 设备 
上 Safari 浏览 器 的 Web Inspector 为 打开 状态 ， 如 图 7. 11 所 示 。 有 具体 操作 路 径 为 Settings 一 Sa- 


fari 一 Advanced 一 Web Inspector, 


Carrier F 22:03 = 
< Safari Advanced 
Website Data 


JavaScript C` 


Web Inspector © 
o use the Web Inspector, use Safari and 


access iPhone Simulator from the Develop 
menu. You can enable the Develop menu in 
Safari's Advanced Preferences on your 
computer. 


图 7.11 开启 iOS Safari 的 Web Inspector 选项 
如 前 面 所 述 ， 接 下 来 启动 Appium。 如 果 以 i0S 7 为 测试 目标 版 本 ， 那 么 建议 Appium 的 
最 低 版 本 至 少 为 0. 13. 0。 启 动 Appium 的 命令 如 下 : 
$ appium & 
启动 成 功 后 可 以 看 到 如 下 信息 ， 其 卫 地址 为 本 地 地 址 ， 端 口 为 4723。 
info: Welcome to Appium vo.13.0 


M info: Appium REST http interface listener started on O. 0. 0. 0 :4723 


Y info -socket.io started 
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以 打开 百度 首页 为 例 ， 以 下 为 测试 用 例 代 码 : 


package com. learningselenium. ios ; 





import java. net. URL; 
import junit. framework. TestCase; 


import org. openqa. selenium. remote. DesiredCapabilities ; 


import org. openqa. selenium. remote. RemoteWebDriver; 
public class testiOSAppiumBaidu extends TestCase| 


public void testBaidu( ) throws Exception | 
DesiredCapabilities safari = new DesiredCapabilities( ) ; 
safari. setCapability ( "app", "safari") ; 
RemoteWebDriver driver = new RemoteWebDriver( 


new URL( "http: //localhost :4723/wd/hub") , safari) ; 
driver. get( http://www. baidu. com") ; 
String url = driver. getCurrentUrl( ) ; 
System. out. printIn( url) ; 


driver. close( ) ; 


示例 代码 详解 : 
1) 设置 DesireCapabilities 为 Safari 浏览 器 appo 

2) 打开 RemoteWebDriver，URL 地 址 为 Appium 启动 时 的 本 地 地 址 和 端口 4723。 
3) 打开 百度 主页 面 并 获取 当前 页 面 的 URL 地 址 。 

Appium 的 执行 日 志 解 析 : 


// 接 收 启动 参数 


debug: Appium request initiated at /wd/hub/session 

















debug: Request received with params; |'desiredCapabilities": | '"app":"safari"] | 


EELEE 


debug: Launching device: iPhone Retina (4-inch) 
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debug: Creating instruments 


// 启 动 Instruments 并 等 待 接收 新 命令 
info: Instruments launched. Starting poll loop for new commands. 


info: Device launched! Ready for commands C will time out in 60secs) 


// 打 开 百 度 主页 ,执行 成 功 并 返回 客户 端 
debug: Request received with params: E "url". "http ://www. baidu. com"| 
info: Responding to client with success; |'status":0, 'value": null , "sessionld"; "ed3078c3- 


884cC-4fe0- b052-213d6c8ceaa3"| 


// 无 新 的 命令 发 送 过 来 ,超时 后 的 清理 和 关闭 操作 

info: Didn't get a new command in 60 secs, shutting down... 

info: Shutting down appium session... 

info: Stopping ios 

info: Sending sigkill to instruments 

info: Cleaning up after instruments exit 

info: [ REMOTE | Disconnecting from remote debugger 

info: Kiling the simulator process and daemons 

info: [ REMOTE | Debugger socket disconnected 

info: Cleaning up appium session 
而 针对 10S 真实 设备 的 Web app 测试 ， 需 要 预先 准备 以 下 几 个 方面 。 
1. Homebrew 
Homebrew 用 于 在 Mac 系统 上 安装 各 种 开源 软件 包 ， 其 安装 形式 有 点 类 似 于 Ubuntu 系统 

上 的 apt。 下 载 地 址 如 下 ， 主 页 面 如 图 7. 12 所 示 。 


http : / /brew. sh/ 


如 果 系 统 上 没有 安装 过 Homebrew， 则 需要 通过 如 下 命令 来 进行 安装 。 如 果 已 经 安装 了 
Homebrew， 则 可 以 跳 过 第 一 条 命令 ， 直 接 更 新 brew aD 


$ ruby -e "$ (curl -fsSL https: //raw. github. com/mxcl/homebrew/go/ install) " 


























$ brew update 
2. ios webkit debug proxy 
ios, webkit debug proxy 是 Google 开发 的 一 个 开源 工具 ， 用 于 让 开发 者 通过 Chrome 20] 94$ 
的 开发 者 工具 以 及 Webkit 的 Remote Debugging Protocol 来 与 i0S 真实 设备 或 者 模拟 器 上 的 Mo- 
bileSafari 和 UIWebViews 进行 交互 。 通 过 Homebrew 安装 ios webkit debug proxy 的 命令 如 下 : 














$ brew install ios. webkit debug. proxy 


Y ios webkit debug proxy 的 原理 如 图 7. 13 所 示 。 其 中 ，Chrome 的 开发 者 工具 中 所 涉及 的 
V 各 种 请 求 会 被 转换 为 Apple 的 Remote Web Inspector Service 调用 。 
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eoe J D Homebrew — MacPorts è! x Ni 
-> Œ D brew.sh/index_.. V &à "5 & $ ($ e eu la 

iU Apps 国 MyFavorite (ves Q Gapev Gec am (Algorithm 
h ^N 

X 


bh c 


Homebrew» 





s m 






在 OS X 中 找 不 到 您 想 要 


$ brew install wget 
的 软件 ? Homebrew 











图 7. 12 Homebrew 主页 面 

















Desktop 






DevTools Clients | 


WebkKit's Remote Debugging Protocol 


port :9222 








Apple's iOS Web Inspector Protocol 
y /var/run/usbmuxd 


usbmuxd 













| usbmuxd | iOS Devices ， 


|. com.apple.webinspector 


MobileSafari / 
WebView 








7.13 ios webkit debug proxy 的 原理 


DS 











3. iOS 真实 设备 的 Identifier 
每 一 台 10S 真实 设备 都 有 唯一 的 一 个 Identifier。 查 看 它 的 方式 如 图 7.14 所 示 ， 通 过 
iPhone Configuration Utility 即 可 获取 。 
以 上 三 个 准备 工作 就 绪 后 ， 接 下 来 便 可 进入 与 108 真实 设备 进行 交互 的 阶段 。 
启动 ios_webkit_debug_proxy 的 命令 如 下 ， 其 中 Identifier Hl Jy 2464674798b7165d5c54e8c 
71043a98a540c2f17: 
$ ios webkit debug proxy -c <Identifier >: 27753-d 


Identifier 替换 为 真实 的 UDID 后 命令 如 下 ， 启 动 成 功 后 的 界面 如 图 7. 15 所 示 。 


$ ios webkit debug proxy -c 
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2d6467d798b7f65d5c5Ae8c71043a98a540C2f17: 27/753 -d 
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iPhone Configuration Utility 





Summary 


Configuration Profiles 


Capacity: 
Software Version: 


Provisioning Profiles Applications 


13.32 GB 
7.0.3 (118511) 


Identifier: 2d6467d798b7f65d5c54e8c71043a98a540cz2f17 





IMEI: 

MEID: 

WiFi MAC Address: 
Bluetooth MAC Address: 
Last Connected: 





DS 











$ ios webkit debug proxy -co 
ss.add | fd(3) 
select port() failed 
ss.recv fd-3 len-294 
recv fd-3 len-685 
add server fd(4) 
add fd(6) 
wi.send packet[245] : 


00 00 
49 52 
62 
65 
49 
65 
69 
31 
42 
18 
00 
08 
00 


00 
46 
70 
63 
64 
6E 
[24 
37 
39 
31 
07 
0B 
00 


Fl 
69 
6c 
74 
65 
74 
6E 
41 
LE] 
3C 
00 
20 
00 


ss.recv fd-6 


接 下 来 需要 下 载 Appium 的 最 新 源码 并 进行 编译 ， 以 支持 真 


git clone https://github. com/appium/appium. git 


cd appium 


KA 


径 如 下 : 
$ pwd 





Z 











62 
6E 
69 
6F 
6E 
D1 
49 
32 
41 
Ed 
00 
00 
00 


70 6c 
61 6c 
73 74 
72 

74 69 
05 06 
64 65 
45 41 
2D 37 
5c 00 
00 00 
00 00 
00 00 


len=167 


15 ios_webkit_debug_proxy 启动 成 功 的 界面 


7. 


. /reset. sh --ios --real- safari 


^ /appium/submodules/SafariLauncher 
编译 成 功 后 ， 可 以 看 到 如 下 信息 : 


Done, without errors. 


----reset. sh completed successfully ---- 


启动 Appium, HP Identifier 在 本 例 中 即 为 246467d798b7f65d5c54e8c71043a98a540c2f17; 


358558051823289 
Unknown 

30:10:e4:e9:51:51 
30:10:e4:e9:51:52 
December 29, 2013 at 23:26 


7.14 查看 iOS 真实 设备 的 Identifier 


tionIdentifierKey . 
$17A2EAB2-A693-4F00 
-B9EA-7HDF1EBTBAB3. 
二 这 





. /reset. sh --ios --real-safari --code- sign ' <code signing identity 之 


在 这 个 过 程 中 ，Appium 源码 包 已 经 将 SafariLauncher 包含 进来 并 进行 编译 ， 其 文件 夹 路 


$ node lib/server/main. js -U <Identifier > 


Identifier 替换 为 真实 的 UDID 后 命令 如 下 : 


实 设 备 的 测试 。 
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$ node lib/server/main. js -U 2qd6467d798b7f65d5c54e8c71043a98a540c2f17 


启动 Appium 成 功 后 的 信息 如 图 7. 16 所 示 ， 默 认 端 口 为 4723 , 


$ node lib/server/main.js -U 2d6467d798b7f65d5c54e8c71043a98a540c2f17 
info: Welcome to Appium v0.13.0 
info: Appium REST http interface listener started on 0.0.0.0:4723 


info - socket.io started 
info: Spawning instruments force-quitting watcher process 
info: [FQInstruments] Force quit unresponsive instruments v0.0.1 


Él 7.16 Appium 启动 成 功 的 界面 


下 面 以 SafariLauncher 打开 真实 设备 上 的 Safari 为 例 进行 前述 ， 该 测试 用 例会 打开 百度 
主页 并 通过 WebDriver 获取 当前 页 面 的 URL 信息 。 





package com. learningselenium. ios; 


import java. net. URL; 


import java. util. concurrent. TimeUnit ; 


import org. openqa. selenium. remote. DesiredCapobilities ; 


import org. openqa. selenium. remote. RemoteWebDriver ; 
import junit. framework. TestCase; 


public class testiOSAppiumBaiduRealDevice extends TestCase| 

public void testBaidu( ) throws Exception | 
DesiredCapabilities safaricapabilities = new DesiredCapabilities( ) ; 
safariCapabilities. setCapability ( "device", "phone") ; 
safaricapabilities. setCapability ( "version", "7. 0") ; 
safaricCapabilities. setCapability ( "app", "safari") ; 


RemoteWebDriver driver = new RemoteWebDriver( 


new URL( http: //localhost :4723/wd/hub") , safariCapabilities ) ; 
driver. manage( ). timeouts( ). implicitlywait( 30, TimeUnit. SECONDS) ; 


driver. get( "http://www. baidu. com") ; 


String url = driver. getCurrentUrl( ) ; 


> > 
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System. out. printIn( url) ; 


driver. close( ) ; 


示例 代码 详解 : 

1) 设置 DesiredCapabilities， 必 须 设置 device 为 iphone 才 表 示 指 定 在 i0S 真实 设备 上 运 
行 测试 用 例 。 

2) 启动 RemoteWebDriver， 即 与 之 前 启动 的 Appium 进行 交互 ， 端 口 为 4723。 这 个 过 程 
会 自动 将 Appium 中 编译 好 的 SafariLauncher. app 安装 到 真实 设备 上 ， 然 后 在 设备 上 启动 Sa- 
fariLauncher 并 打开 Safari 浏览 器 。 其 中 ，SafariLauncher 启动 后 的 界面 如 图 7. 17 所 示 。 

3) 设置 等 待 超 时 的 时 间 间 隔 ， 因 为 在 真实 设备 上 首先 要 启动 SafariLauncher， 然 后 再 启 
动 Safari ， 中 间 有 比较 长 的 时 间 开 销 。 

4) 在 Safari 中 打开 百度 主页 并 且 获 取 当 前 页 面 URL 信息 。 


eeeee 中 国 移动 会 ”下 午 2:12 9 9396 DY 











Safari Launc... 


图 7.17  SafariLauncher 的 界面 


小 贴 士 
如 何在 不 启动 Xcode 的 情况 下 ， 直 接 打 开 ios 模拟 需 ? 
进入 目录 : 


/ Applications/Xcode. app/Contents/ Developer/Platforms/iPhoneSimulator. 
platform/ Developer/ Applications 


然后 将 ios Simulator. app 拖 到 Dock 上 ， 就 可 以 随时 启动 ios 模拟 器 。 
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7.4 小 结 





本 章 介 绍 了 如 何在 i0S 平台 上 运行 Selenium WebDriver。 主 要 介绍 了 两 种 不 同 的 第 三 方 
工具 套件 ， 一 个 是 ios-driver， 还 有 一 个 是 Appium。 它 们 各 有 千秋 ， 都 有 自己 的 独门 绝技 。 
无 论 对 于 108 模拟 器 或 真实 设备 的 支持 ， 还 是 对 于 Web app 和 Native app 的 支持 ，Selenium 
WebDriver 都 在 不 断 地 前 进发 展 中 。 
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Selenium 玩 转 Raspberry Pi 


8.1 fH 介 
Raspberry Pi (中 文 名 为 “ 树 莓 派 ”， 简 写 为 RPi， 或 者 RasPi/RPi) 是 为 学 生计 算 机 编 
程 教育 而 设计 的 ， 只 有 信用 卡 大 小 的 卡片 式 计算 机 ， 其 系统 基于 Linux, 


它 由 注册 于 英国 的 慈善 组 织 “Raspberry Pi 基金 会 ”开发 ，EbenUpton ( 埃 . JEW) 
为 项 目 带 头 人 。2012 年 3 H, 英国 剑桥 大 学 
Eben Epton 正式 发 售 世 界 上 最 小 的 台式 机 ， 
又 称 卡 片 式 计 算 机 。 其 外 形 只 有 信用 卡 大 小 ， 
却 具 有 计算 机 的 所 有 基本 功能 ， 如 图 8.1 所 
示 。 这 就 是 Raspberry Pi 电脑 板 。 

这 一 基金 会 以 提升 学 校 计算 机 科学 及 相 
关 学 科 的 教育 ， 让 计算 机 变 得 有 趣 为 宗旨 。 
基金 会 期 望 这 一 款 计算 机 无 论 在 发 展 中 国家 
还 是 在 发 达 国 家 都 会 有 更 多 的 其 他 应 用 不 断 
被 开发 出 来 ， 并 应 用 到 更 多 领域 。 在 2006 
年 , 树 故 派 早期 概念 是 基于 Atmel 的 AT- 图 8. 1 Raspberry Pi 计算 机 
mega644 单片机 ， 首 批 上 市 的 10000“ 台 ”和 树 
ARUKBU "Bor". ， 由 中 国 厂 家 制造 。 和 截至 2013 年 10 月 1 日 ， 树 莓 派 上 只 有 ARI B 两 个 型 号 ， 
主要 区 别 在 于 A 型 为 1 个 USB、 无 有 线 网 络 接口 、 功 率 2. 5W, 500mA; B 型 为 2 个 USB, 
支持 有 线 网 络 、 功 率 3. 5W，700mA。 

TUEREUK Bog — HC 700MHz 的 ARM 架构 处 理 器 ， 用 SD 卡 当 作 存 储 介 质 。 它 可 以 运行 像 雷 
神 之 锤 亚 竞 技 场 这 样 的 游戏 和 进行 1080p 影片 的 播放 。 其 操作 系统 采用 开源 的 Linux， 如 
Debian, ArchLinux 等 ， 自 带 的 浏览 器 和 办 公 软 件 能 够 满足 基本 的 网 络 浏览 、 文 字 处 理 和 计 
算 机 学 习 需 要 。 最 重要 的 是 ， 它 默认 以 Python 作为 主要 编程 语言 。 


8.2 操作 系统 层面 的 准备 工作 
在 这 里 假设 大 家 都 已 经 知道 如 何 安装 操作 系统 到 SD 卡 并 且 启动 树 莓 派 ， 具 体操 作 步 双 


可 参看 树 莓 派 官方 网 站 的 用 户 指南 。 推 荐 使 用 Raspbian， 因 为 它 专门 针对 树 芍 派 的 硬件 特点 
进行 了 优化 。 这 款 OS 对 浮 点 运算 有 更 好 的 支持 ， 能 为 用 户 带 来 更 快 的 上 网 浏览 体验 。 男 
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外 ， 在 固件 、 核 心 、 应 用 方面 也 都 有 了 改进 ， 所 以 它 是 最 适合 普通 用 户 使 用 的 0S。 下 面 所 
阐述 的 步骤 也 是 围绕 Raspbian 来 展开 的 。 
Raspbian 版 本 下 载 地 址 为 





http: //www.raspberrypi. org/downloads 


其 运行 界面 如 图 8. 2 所 示 。 





DD i i ia 








图 8.2 Raspberry Pi 的 运行 界面 


8.3 依赖 包 的 安装 


为 了 演示 如 何在 树 芍 派 上 运行 Selenium ， 需 要 安装 如 下 依赖 包 。 并 且 由 于 树 夺 派 的 默认 
编程 语言 是 Python, ， 也 会 借 此 顺水 推 舟 ， 用 Python 语言 来 展开 实验 。 而 且 在 性 能 并 不 高 的 
能 入 式 设备 上 运行 脚本 式 语 言 ， 调 试 和 修改 起 来 会 比 编译 式 语言 方便 很 多 。 主 角 Selenium 
则 会 基于 Firefox WebDriver 展开 阐述 。 

1) 在 安装 软件 包 之 前 ， 先 执行 如 下 命令 以 保证 安装 的 软件 都 是 最 新 的 。 


sudo apt-get update 





2) 安装 Iceweasel。 
sudo apt-get install iceweasel 
Iceweasel 是 一 个 网 络 浏览 器 ， 其 实 就 是 Mozilla Firefox 浏览 器 的 Debian 再 发 行 版 本 。 从 
Debian Linux 4.0 开始 ，Debian Linux 均 默 认 使 用 Iceweasel， 而 不 是 Mozilla Firefox, 为 
Mozilla 组 织 注 册 了 Firefox 商标 ， 为 了 避免 可 能 存在 的 版 权 问 题 和 法 律 上 的 纠纷 ，Debian 组 
织 则 另外 采用 Iceweasel 的 标识 来 引用 原本 是 Firefox 的 浏览 器 。 
3) 安装 python pip, pip 是 安装 和 管理 Python 包 的 工具 ， 用 来 替代 easy-install。 


sudo apt-get install python-pip 
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4) 安装 Python 版 的 Selenium。 


sudo pip install selenium 


cn 


" 
注意 : 


A WI T PL AEUKTE HAB BRE] CPU/GPU 资源 ,需要 对 Python 版 本 的 Selenium Firefox 
webnDriver fS A F JA BE LES TAI EI RE UK. E 1E M 35 TFoE ORC s 


sudo vim /usr/local/lib/python2. 7/dist-packages/selenium/ 


webdriver/firefox/firefox. binary. py 
在 wait. until. connectable KAP, Xf count = = 3 调整 为 count = = 80， 这 样 才 
能 在 树 每 派 上 给 予 Iceweasel 充足 的 时 间 以 启动 ， 并 正常 调用 Firefox WebDriver 的 功能 。 
8.4 运行 Python 版 的 Selenium 


本 示例 以 百度 主页 为 例 进 行 曾 述 ， 如 图 8.3 所 示 。 在 百度 的 搜索 输入 框 中 输入 10 KE 
符 串 并 且 进 行 搜索 ， 每 次 搜索 后 都 回 退 到 前 一 个 页 面 再 次 进行 搜索 。 示 例 代 码 如 下 : 











import time 


from selenium import webdriver 


class RaspberryPiDemo( ) : 
def init (self): 
print "Demo: Selenium WebDriver with Firefox on Paspberry Pi" 


Self. demo. impl = RaspberryPi impl () 


print 
print "Set up selenium ( this will take a while, be patient) ..." 


self. setUp () 


print 
print "Run cases ..." 


Self. doOlick () 


print 
print "'Shutting down ..." 


self. tearDown ( ) 
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def setUp( self) : 
Self. demo. impl. setUp ( ) 


def doClick (self). 
Self. demo. impl. doClick ( ) 


def tearDown (self) : 


Self. demo. impl. tearDown ( ) 
class RaspberryPi impl ( ) : 


def setUp (self): 
Self. driver = webdriver. Firefox () 
self. driver. implicitly wait (15) 


self. base_url = "http: //www. baidu. com" 


def doClick (self): 
SE o O 
while self. count < 10: 
self. driver. get (self. base url + "/") 
self. driver. find. element, by. id ("kw") .send_ keys ("selenium" + str 
(self. count) ) 
Self. driver. find. element, by. id ("su") .click () 


print self. driver. title 


self. driver. back ( ) 
time. sleep (1) 


Selk counti l= 


def tearDown (self) : 


self. driver. quit () 


if. name ==" main ^". 





RaspberryPiDemo () 

如 果 不 希 望 启动 GUI 而 直接 在 命令 行 里 面 以 后 台 的 方式 执行 ， 则 可 以 通过 以 下 两 种 方 
式 达 到 目标 : 

1) 在 运行 程序 之 前 执行 如 下 命令 ， 然 后 再 执行 之 前 的 Python 代码 。 
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eoo raspberry pi:1 E: 
Li [EE PRAN -Iceweasel m 
Ele Edt View History Bookmarks Tool Help 
[z|Bm—T , Grm | [e | 

Q |@ wpaducm v O| 图 ~ coge i) 5 








搜索 设置 | 登录 注册 [^ 





mi 网 页 贴吧 知道 £x 图 片 视频 地 图 
selenium7| 百度 一 下 








BH 文库 hao123| 更 多 >> 





加 入 百度 推广 | 搜索 风云 樟 | 关于 百度 | About Baidu 
©2013 Baidu 使 用 百度 前 必 读 京 ICP 证 030173 号 ? 





Iz 
B WebDriver 


Will pi raspberrypi ~/rasp... |^ 百度 一 下 ,你 就 知道 - Ice . 


8.3 Raspberry Pi 上 Iceweasel 打开 百度 主页 











export DISPLAY = 0 
2) 通过 Python 的 Virtual Display 来 完成 ， 它 是 xvfb 的 Python 封装 版 本 。 
sudo pip install PyVirtualDisplay 
再 在 代码 中 添加 如 下 语句 : 
from pyvirtualdisplay import Display 
然后 在 RaspberryPi impl () 的 setUp () 函数 中 添加 两 句 代 码 : 
display = Display( visible =0, size —(800, 600) ) display. start( ) 
修改 后 的 setUp () 函数 看 起 来 如 下 : 
class RaspberryPi impl (): 
def setUp (self): 
display = Display (visible —0, size = (800, 600) ) 
display. start () 
Self. driver = webdriver. Firefox () 


self. driver. implicitly wait (15) 


self. base url = "http: //www. baidu. com" 
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8.5 运行 Standalone 版 的 Selenium Server 


1. 安装 Java 运行 环境 
sudo apt-get install default- jdk 
2. 安装 Selenium Standalone Server 


mkdir /home/pi/selenium 

cd /home/pi/selenium 

wget http; //selenium. googlecode. com/files/selenium-server- 
standalone-2. 37. O. jar 

sudo mkdir -p /var/Ilog/selenium 


sudo chmod a +w /var/Ilog/selenium 
3. 在 系统 中 添加 启动 和 关闭 Selenium 的 脚本 


sudo vim /etc/init. d/selenium 
/ etc/init. d/selenium 的 脚本 内 容 如 下 : 


i /bin/bash 


case "$ |1;-''j" in 
'start') 
if test -f /tmp/selenium. pid 
then 
echo "Selenium is already running. " 
else 
export DISPLAY - :0 
java -jar  /home/pi/selenium/selenium-server-standalone- 

2.37.0. jar -port 4443 > /var/log/selenium/selenium-output. log 2 > /var/Iog/selenium/ 
selenium-error.log & echo $! > /tmp/selenium. pid 


echo "Starting Selenium. . . " 


IOn = HY 
lr ust Serro = © 
then 
echo "$ | bon} Error $error! Couldn't start 
Selenium! $|boff|" 
fi 
fi 
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t EE] 


'stop') 
if test -f /tmp/selenium. pid 
then 
echo "Stopping Selenium. . . " 
PID —'cat /tmp/ selenium. pid^ 
kill -3 $ PID 
if kill -9 $PID ; 
then 
sleep 2 
test -f /tmp/selenium. pid && rm -f /tmp/ 
selenium. pid 
else 
echo "Selenium could not be 
stopped..." 
fi 
else 
echo "Selenium is not running. " 
fi 
35 
'restart') 


if test -f /tmp/selenium. pid 
then 
kill -HUP ‘cat /tmp/selenium. pid` 
test -f /tmp/ selenium. pid && rm -f /tmp/selenium. pid 
sleep 1 
export DISPLAY -—:0 
java -jar /home/pi/selenium/selenium-server-standalone-2. 37. 0. jar- 
port 4443 > /var/log/selenium/selenium-output.log 2 > /var/log/selenium/selenium- 
error. log & echo $! > /tmp/selenium. pid 
echo "Reload Selenium. . ." 
eise 
echo "Selenium isn't running. . . " 
fi 
33 
* ) it no parameter specified 


echo "Usage: 下 SELF start| stop | restart | reload | force-reload | sta- 


exit 1 
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TEA£/ etc/init. d/selenium 脚本 ， 然 后 将 其 添加 为 默认 的 启动 服务 : 


sudo chmod 755 /etc/init. d/selenium sudo update-rc. d selenium defaults 





4. 启动 Selenium Standalone Server 作为 后 台 服 务 
/etc/init. d/selenium start 
看 到 如 下 提示 信息 就 说 明 启 动 成 功 了 。 


Starting Selenium... 


y 
VE Jd : 


脚本 中 的 export DISPLAY = :0, 这 样 可 以 保证 即使 系统 没有 安装 xvfb ,也 可 以 让 测试 
用 例 在 无 ul 的 环境 下 正常 运行 。 
使 用 Selenium Standalone Server 的 方式 和 前 述 单 纯 用 Python 的 WebDriver 的 最 大 区 别 主 
要 体现 在 两 个 方面 : 
1) 导入 新 DesiredCapabilities £J : 


from selenium. webdriver. common. desired, capabilities import DesiredCapabilities 
2) RaspberryPi impl () 的 setUp () 中 设 定 WebDriver 的 方式 变 成 了 Remote 模式 : 


self. driver = 
webdriver. Remote( command, executor —'http: //192.168.0.107: 4443/wd/hub', 
desired. capabilities = DesiredCapobilities. FIREFOX) 


完整 的 测试 代码 如 下 : 


import time 


from selenium import webdriver 


from selenium. webdriver. common. desired, capabilities import DesiredCapobilities 


class RaspberryPiDemo ( ) : 
def init (self): 
print "Demo: Remote Selenium WebDriver with Firefox on Paspberry Pi " 


Self. demo, impl = RaspberryPi impl ( ) 


print 
print "Set up selenium ( this will take a while, be patient) ..." 


self. setUp () 
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print "Run cases ..." 


Self. doOlick ( ) 


print 
print "Shutting down..." 


Self. tearDown( ) 


def setUp( self) : 
Self. demo. impl. setUp ( ) 


def doClick (self): 
Self. demo. impl. doClick ( ) 


def tearDown (self) : 


Self. demo. impl. tearDown ( ) 
class RaspberryPi impl (): 


def setUp (self) : 
self. driver — webdriver. Remote ( command. executor -—'http: / /192.168. 0.1 O7: 
4443/ wd / hub! , 
desired. capabilities = DesiredCapabilities. FIREFOX) 
self. driver. implicitly_ wait (15) 


self. base_url = "http: //www. baidu. com" 


def doClick (self): 
Selon 二 9 
while self. count «10; 
self. driver. get (self. base url + "/") 
Self. driver. find. element, by. id ("kw") .send. keys ("selenium" + str 
( self. count) ) 
Self. driver. find. element, by id ("su") .click () 


print self. driver. title 


self. driver. back ( ) 
time. sleep (1) 


exer. coUe r — i 
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self. driver. quit( ) 


iF name ==" main ^". 





RaspberryPiDemo( ) 


打开 浏览 器 ， 可 以 看 到 有 一 个 新 的 Session 连接 到 Selenium Standalone Server。 运 行 结 
如 图 8.4 所 示 。 


"n ——— 





























€ > C |D 192.1680.107:4443/wd/hub/static/resource/hub.html vacare 
Sessions 
Create Session) | ( Refresh Sessions | 
Firefox 1 eaf6550-c42d-4ecb-bf0e-ed65ce017112 | Capabilities | ( Take Screenshot) | (Delete Session) | (Load Script) 























Linux 3.6.11+ 1 v2.35.0 





图 8.4 Raspberry Pi 上 运行 Selenium Standalone Server 


Python 代码 的 执行 结果 如 图 8. 5 所 示 。 


Run 哪 raspberry-pi-remote-webdriver-demo 


/Systen/Library/Frameworks/Python. f ramework/Versions/2.7/bin/python 
Demo: Remote Selenium WebDriver with Firefox on Paspberry Pi 


Set up selenium (this will take a while, be patient) ... 


Run cases ... 
selenium8_ 百 度 搜 索 
seleniuml_ 百 度 搜索 
seteniunm2_ 百 度 搜索 
: selenium3_ 百 度 搜索 
selenium4 百度 搜 索 
selenium5_ 百 度 搜索 
selenium6_ 百 度 搜索 
selenium7_ 百 度 搜索 
EXIIT SI: s E d 
: 5etenium9_ 百 度 搜索 


Shutting down... 


| Process finished with exit code 6 





图 8.5 Python 客户 端 运行 结 


8.6 小 结 


本 章 以 Raspberry Pi HMA Y nfap fe ix 4 BR AGXOE f E38 17. Python 版 本 的 Selenium 
WebDriver 和 Standalone 版 本 的 Selenium Server, 
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Selenium Grid 


*9.1.1 Selenium Grid 是 什么 





有 Selenium Grid 利 需 在 手 ， 便 可 以 同时 在 不 同 机 器 上 测试 不 同 浏览 占 ， 即 同时 测试 运 
行 多 种 浏览 器 和 操作 系统 的 不 同 机 器 。 从 本 质 上 说 ，Selenium Grid 支持 分 布 式 测 试 ， 使 测试 
人 员 可 以 在 分 布 式 环境 中 进行 测试 。 


克 9.1.2 何 时 使 用 Selenium Grid 


一 般 而 言 ， 在 面临 以 下 情况 时 可 以 考虑 使 用 Selenium Grid: 

1) 测试 多 个 浏览 器 或 单个 浏览 器 多 种 版 本 ， 又 或 者 测试 不 同 操作 系统 上 的 各 种 浏 
PX M 

2) 减少 测试 套件 运行 的 时 间 。 

Selenium Grid 运用 多 个 机 需 同 时 并 列 运 行 ， 目 的 在 于 加 快 测试 用 例 运 行 的 速度 ， 从 而 减 
少 测试 运行 的 总 时 间 。 如 对 于 包含 100 个 测试 用 例 的 套件 来 说 ， 如 果 用 Selenium Grid 同时 
fr 4 RAHLE (虚拟 机 或 者 物理 机 ) 运行 这 些 测试 用 例 ， 完 成 测试 所 花 时 间 只 需 在 单 台 
机 器 上 连续 测试 所 花 时 间 的 1/4。 对 于 大 型 测试 套件 和 需要 处 理 海 量 数据 验证 的 测试 套 
Tt, Selenium Grid 上 毫 无 疑问 可 以 节约 大 量 时 间 。Selenium Grid 的 另 一 个 优势 在 于 可 以 通过 
节省 测试 时 间 而 更 快 地 将 测试 结果 返还 给 开发 人 员 。 越 来 越 多 的 软件 开发 团队 运用 敏捷 
开发 方式 ， 他 们 和 希望 在 最 短 时 间 内 获得 测试 人 员 的 测试 结果 而 不 是 在 漫漫 长 夜中 将 等 测 
试 通过 。 

Selenium Grid 还 可 用 于 在 多 种 运行 环境 中 进行 测试 ， 即 并 行 测 试 多 种 浏览 器 。 举 例 来 
说 ， 在 一 组 虚拟 机 网 格 中 ， 可 以 设置 每 台 虚 拟 机 都 支持 被 测试 程序 所 支持 的 某 种 浏览 器 ， 如 
Blu 1 使 用 IE8， 机 器 2 使 用 正 10， 机 器 3 使 用 Chrome 的 最 新 版 本 ， 机 器 4 使 用 Firefox 的 
最 新 版 本 。 当 测试 套件 运行 起 来 时 ，Selenium Grid 会 接收 到 每 个 测试 用 例 及 其 对 应 浏览 器 的 
组 合 信息 ， 并 分 配 每 个 测试 用 例 去 测试 其 对 应 浏览 

除 此 之 外 ， 对 于 相同 类 型 和 版 本 的 浏览 器 来 建立 测试 矩阵 也 是 可 行 的 。 假 设 虚 拟 机 测试 
和 矩阵 中 的 四 台 机 器 都 分 别 打 开 了 三 个 Firefox 浏览 器 ， 这 就 形成 了 可 用 的 Firefox 测试 矩阵 ， 
总 计 12 个 Firefox 浏览 器 实例 。 当 测试 套件 运行 起 来 时 ，Selenium Grid 会 接收 到 每 个 测试 用 
例 的 信息 并 分 配 每 个 测试 用 例 去 测试 可 用 的 Firefox 实例 。 想 象 一 下 12 个 测试 用 例 并 行 运 
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行 ， 这 可 大 大 减少 测试 的 运行 时 间 。 
Selenium Grid 的 使 用 相当 灵活 ， 以 上 所 列举 的 并 行 测试 浏览 器 的 例子 也 可 结合 起 来 使 
用 ， 用 于 测试 每 种 类 型 和 版 本 的 浏览 需 的 多 个 实例 。 


*9.1.3 Selenium Grid 2. 0 & 1.0 





Selenium Grid 2. 0 是 目前 的 最 新 版 本 。Selenium Grid 2. 与 Selenium Grid 1. 0 大 不 相同 。 
2. 0 版 本 中 Selenium Grid 与 Selenium RC 服务 如 合并 了 。 下 载 selenium-server-standalone. jar 
文件 即 可 获得 同时 包含 Selenium RC 5 Selenium Grid 的 文件 包 。 

Selenium Grid 1. 0 是 Selenium Grid 的 第 一 个 版 本 。 如 果 是 初次 使 用 Selenium Grid, 建议 
使 用 最 新 版 本 Selenium Grid 2. 0, 2. 0 版 本 相 较 于 1.0 版 本 有 很 多 更 新 ， 并 文 持 Selenium 
WebDriver。 














9.2 Selenium Grid 的 架构 


Selenium Grid 包含 一 个 Hub 和 至 少 一 个 Node， 两 者 都 可 由 selenium-server-standalone. jar 
文件 启动 。 后 面 将 列举 相关 例子 说 明 。 

Hub 会 接收 到 即将 被 执行 的 测试 用 例 及 其 相关 信息 ， 即 测试 用 例 将 在 哪 种 浏览 器 和 操 
作 系 统 上 运行 。Hub 将 记录 每 个 “注册 过 ”的 Node 的 配置 信息 ， 并 能 通过 这 些 信息 自动 
选择 可 用 的 且 符 合 浏 览 需 与 平台 搭配 要 求 的 Node, Node 被 选中 后 ， 测 试用 例 所 调用 的 
Selenium 命令 就 会 被 发 送 至 Hub, Hub 再 将 这 些 命令 发 送 到 指定 给 该 测试 用 例 的 Node, 
随即 Node 开始 启动 浏览 器 ， 并 执行 这 些 Selenium 命令 对 指定 的 Web 程序 或 Native 程序 进 
行 测试 。 

图 9. 1 所 示 诠 释 了 Selenium Grid 的 架构 。 















。 记录 并 跟踪 每 个 Node 
的 配置 信息 


。 确保 测试 请 求 被 发 往 
合适 的 Node 


。 确保 请 求 的 负载 均衡 












Test Cases 
请 求 运 行 Chrome & Linux| 


~ 人/ No o / 
iPhone iOS Android & Linux & Mac OS X & 
& Safari Chrome Firefox Opera 
(Node) (Node) (Node) (Node) 
E TEMO mL EEN 


Web 程序 & Native 程序 


图 9.1 Selenium Grid 架构 
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9.3 Selenium Grid 的 部 署 


1. 安装 Selenium Grid 

Selenium Grid 的 安装 简单 易 行 。 从 Selenium 官方 网 站 下 载 selenium-server-standalone. jar 
文件 即 可 。Java 可 执行 文件 的 路 径 必须 正确 ， 这 样 才能 从 命令 行 运行 文件 。 如 果 运 行 出 错 ， 
检查 系统 的 路 径 变量 看 其 是 不 是 已 经 包括 Java 可 执行 文件 的 路 径 。 

2. 启动 Selenium Grid 

一 般 而 言 ， 运 行 Selenium Grid 需要 先 启 动 Hub， 因 为 Node 的 调用 依赖 于 Hub。 然 而 这 
并 不 是 意味 着 只 能 这 样 ， 因 为 Node 在 Hub 启动 时 能 进行 识别 ， 同 时 Hub 也 能 在 Node 被 启 
动 时 进行 识别 。 如 果 是 出 于 学 习 的 目的 ， 建 议 还 是 先 启动 Hub， 否 则 在 第 一 次 使 用 Selenium 
Grid 时 会 出 现 错误 消息 。 








9.4 Selenium Grid Hub 


X*9.4.1 默认 启动 Hub 
用 下 面 的 命令 可 启动 默认 设置 的 Hub; 
$ java -jar selenium-server-standalone-2. 37. 0. jar -role hub 


所 有 可 支持 操作 系统 ， 如 Windows, Linux, Mac OS 都 能 调用 该 命令 。 需 要 注意 的 是 ， 
根据 selenium-server-standalone 版 本 的 不 同 ，jar 文件 名 里 的 版 本 号 需要 有 相应 改动 。Hub 启 
动 的 默认 端口 为 4444， 用 户 可 以 通过 -port 参数 来 自 定义 其 启动 端口 。 

可 以 通过 在 浏览 器 中 输入 如 下 地 址 来 检查 Hub 是 否 启动 成 功 . 


http : //localhost ; 4444/ grid /console 


如 果 Hub 局 动 成 功 ， 浏 览 器 显示 如 图 9.2 所 示 。 


























eoe J Grid Console x 








€ SC [localhost:4444/grid/console 
i Apps (p MyFavorite (Zu ves CE GaDev @ec Ga Q Algorithm 


ms 
Se Grid Console v.2.37.0 
view config 
图 9.2 通过 浏览 器 查看 Hub 启动 状态 
单 击 view config 可 以 查看 Selenium Grid 的 配置 信息 ， 如 图 9. 3 所 示 。 黑 认 情 况 下 ， 单 个 
Hub 支持 的 最 大 会 话 数 为 5 个 。 
*9.4.2 配置 Hub 端口 








Hub 使 用 的 默认 端口 是 4444。 当 自动 化 测试 用 例 连接 到 Selenium Grid Hub 时 ， 监 听 的 





6 O O / acri Console * su - 


e> C [B localhost:4444/grid/console?config=true&configDe 





G MyFavorite @ ves (2g Gapev @ ec @ ii 他 Algorit 








9.3 AF Selenium Grid 的 配置 信息 


Par 


"f 
Se Grid Console v.2.37.0 





Config for the hub : 

host : null 

port : 4444 

cleanUpCycle : 5000 

timeout : 300000 

browserTimeout : 0 
newSessionWaitTimeout : -1 
gridiMapping : {} 
throwOnCapabilityNotPresent : true 
capabilityMatcher : org.openqa.grid.internal.utils.L 
prioritizer : null 

servlets : 


all params : 


browserTimeout : 0 
capabilityMatcher : org.openqa.grid.internal.utils.L 
cleanUpCycle : 5000 





nodePolling : 5000 
port : 4444 
prioritizer : null 

role : hub 

servlets : [] 
throwOnCapabilityNotPresent : true 
timeout : 300000 
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端口 就 是 TCP/IP 端口 。 如 果 机 器 上 已 经 有 另 一 个 程序 在 使 用 这 个 端口 ， 或 者 selenium-serv- 
er-standalone 已 经 被 启动 ， 日 志 输 出 会 显示 以 下 消息 提示 端口 已 经 被 占用 而 无 法 启动 Seleni- 


um Grid Hub: 








$ java -jar selenium-server-standalone-2. 37. O. jar -role hub 


Dec 21, 2013 9:58:38 PM org. openqga. grid. selenium. GridLLauncher main 


INFO; Launching a selenium grid server 


20134 2-21 21:58:44. 655: INFO :0os js. Server ; jetty-7. x. y-SNAPSHOT 


201 3-12-21 21 1:58:44. 695: INFO : os jsh. ContextHandler:started o. s. j. S. 


ServletContextHandler | / , null | 


20134 2-21 21:58; 44. 700: WARN ; os juc. AbstractLifeOycle: FAILED SocketOoonnector @ 


0.0.0.0:4444; java. net. BindException: Address already in use 


java. net. BindException; Address already in use 








Hub 使 用 另 一 个 端口 。 在 命令 行 中 用 -port 选项 可 更 换 Hub 使 用 的 端口 : 


$ java -jar selenium-server-standalone-2. 37. 0. jar -role hub -port 8888 


该 方法 即使 在 已 有 Hub 在 机 器 上 和 运行 时 也 能 奏效 ， 只 要 这 两 个 Hub 所 使 用 的 端口 不 


一 样 。 


一 般 情况 下 可 以 让 Hub 使 用 默认 端口 。 如 果 想 知道 机 器 上 所 有 正在 运行 


解决 方案 之 一 是 关闭 正在 使 用 4444 端口 的 程序 ， 解 决 方案 之 二 是 让 Selenium Grid 的 


的 程序 使 用 哪 
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端口 ， 可 用 下 面 这 个 命令 进行 查看 : 





$ netstat -a 


该 命令 在 所 有 可 支持 的 操作 系统 上 都 可 作用 ， 包 括 Linux, Mac OS X 和 Windows。 不 过 
有 时 候 可 能 需要 另外 加 上 -a 参数 。 





*9.4.3 JSON 配置 文件 


除了 在 启动 命令 中 指定 参数 来 定制 Hub 的 配置 ， 还 可 以 通过 预定 义 好 的 配置 文件 来 启 
动 Hub。 这 些 配置 信息 可 以 写 在 一 个 JSON 格式 的 配置 文件 中 。 示 例如 下 : 


| 





"host"; null, 

"port"; A444, 

"hewSessionWaitTimeout'; —1, 

"servlets" : | ], 

"prioritizer". null, 

"capabilityMatcher': "org. openqa. grid. internal. utils. DefaultcapabilityMatcher", 
"throwOnCapobilityNotPresent'. true, 

"nodePolling": 5000, 


"cleanUpOycle": 5000, 
"timeout"; 300000, 
"browserTimeout": O, 


"maxSession". 5 


然后 通过 在 启动 命令 中 添加 -hubConfig 参数 来 加 载 该 JSON 配置 文件 : 





$ java -jar selenium-server-standalone-2. 37. 0. jar -role hub -hubConfig 


hub-json-cfg. json 


9.5 Selenium Grid Node 


x*9.5.1 默认 启动 Node 
通过 如 下 命令 可 启动 默认 设置 的 Node: 








$ java -jar selenium-server-standalone-2. 37. O. jar -role node -hub 
http : //localhost : 4444/ grid / register 


这 里 假设 默认 设置 的 Hub 已 WU 5j, Hub 用 来 监听 新 请 求 的 默认 端口 是 4444, ， 所 以 
定位 Hub 的 URL 中 使 用 了 4444 这 个 端口 。 使 用 本 地 主机 是 假定 Node 和 Hub 在 同一 台 机 天 
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上 和 运行。 对 于 初学 者 来 说 ， 这 种 方式 最 简单 易 慌 。 如 果 在 不 同 机 器 上 运行 Node 和 Hub, W 
需要 将 本 地 主机 名 替换 成 运行 Hub 的 机 器 的 主机 名 。 

在 这 种 情况 下 ，Node 会 将 本 机 操作 系统 所 能 支持 的 浏览 器 信息 全 部 注册 到 Hub 上 ， 如 
图 9. 4 所 示 。 本 机 由 于 是 MAC OS X， 不 支持 Internet Explorer 30 V4 28, YE Node 启动 的 日 志 
中 可 以 看 到 如 下 提示 信息 : 


INFO - Default driver org.openqga. selenium. ie. InternetExplorerDriver registration is 
skipped: registration capabilities Capabilities [ | platform = WINDOWS, ensureCleanS- 
ession ^true, browserName - internet explorer, version =} | does not match with cur- 


rent platform: MAC 


如 果 将 参数 -role node 替换 成 -role webdriver， 则 表示 该 Node 只 兼容 WebDriver 的 执行 模 
式 。 相 对 应 地 ， 如 果 替 换 成 -role re， 则 表示 该 Node 只 兼容 Remote Control 的 执行 模式 。 





BeBe/ d Grid Console x V 
CP 


Wy 








€ > QCQ [ localhost:4444/grid/console# 
SU Apps 六 MyFavorite (ves 国 capev Qsc GHS Lu] Algorithm (Æ VMware EHT 





a 
(.] 


| 
Se Grid Console v.2.37.0 


DefaultRemoteProxy (version : 2.37.0) 
id : http://192.168.0.104:5555, OS : MAC 


Browsers 


Remote Control (legacy) 





view config 








DS 


9.4 EF Node 注册 到 Hub 的 信息 











*9.5.2 注册 Mac OS X & Opera 


接 下 来 尝试 一 下 在 Hub 上 注册 多 个 不 同 的 Node。 首 先 以 Mac OS X 操作 系统 和 Opera Dil 
V nn JH e ETT BR 

有 至 少 两 种 方式 将 Node 注册 到 Hub 上 。 第 一 种 方式 是 通过 命令 行 的 方式 添加 ， 只 需要 
加 上 相应 的 参数 即 可 。 参 数 包 括 browserName version, maxinstance, platform 等 。 


$ java -jar selenium-server-standalone-2. 37. 0. jar -role node -browser 
"seleniumProtocol — WebDriver, browserName -— opera, version —15, maxlnstances = 


1, platform —MAC'" -hubHost localhost 
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注册 成 功 后 ， 从 Hub 所 在 机 器 的 浏览 需 中 打开 以 下 地 址 : 


http: //localhost:4444/grid/console 


可 以 看 到 注册 上 去 的 Node 信息 ， 如 图 9.5 所 示 。0S 为 MAC， 执 行 模式 为 WebDriver, 
浏览 如 类 型 为 Opera， 浏览 器 版 本 为 15。 


8 O O / Qr Console x d 
e> C [n 192.168.0.104:4444/grid/console 
iii Apps 和 MyFavorite (vrs (Du GaDev @ ec Ga Algorithm 








VMware HTA 


Far 


G3 
Se Grid Console v.2.37.0 





oteProxy (version : 2.37.0) 
ttp://172.16.122.1:5555, OS : MAC 


Browsers [eur i is 


WebDriver 
v:i5 


view config 





图 9.5 MAC OS X & Opera 注册 到 Hub 后 的 Node fii 


第 二 种 方式 是 创建 一 个 JSON 格式 的 配置 文件 ， 并 且 在 启动 Node 时 加 载 该 JSON 配置 文件 。 


省 





"class": "org. openqga. grid. common. RegistrationRequest', 
"capabilities". [ 
| 
"seleniumProtocol": "WebDriver", 
"orowserName"; "opera", 
"version". ^5", 
"maxinstances": 1, 


"platform" ; "MAC" 


l; 
"configuration"; | 
"proxy": "org. openqa. grid. selenium. proxy. DefaultRemoteProxy", 
'"maxSession"; 5, 
"port". E555, 
"host". "ocalhost", 
Tegeta TUS, 
'registerCycle": 5000, 
"hubPort'; A444, 


"hubHost'. "localhost", 
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利用 此 JSON 配置 文件 的 启动 命令 如 下 : 


$ java -jar selenium-server-standalone-2. 37. 0. jar -role node -nodeConfig 
node- jeon-mac-opera. cfg. json 


通过 JSON 配置 文件 将 Node 注册 到 Hub ， 与 在 启动 参数 中 指定 Node 配置 信息 的 执行 效 
果 一 致 。 


*9.5.3 注册 Linux & Firefox 


本 示例 展示 了 以 Linux 操作 系统 和 Firefox 浏览 器 为 组 合 的 Node 如 何 注册 到 Hub 。 如 果 


系统 中 存在 多 个 浏览 器 版 本 ， 则 需要 指定 浏览 器 的 可 执行 程序 路 径 。 本 示例 设 定 的 配置 项 
如 下 : 


1) 执行 模式 为 WebDriver。 
2) 以 Firefox 最 新 版 本 的 路 径 firefox binary 为 例 进行 阐述 。 
3) maxInstances 设置 为 2， 表 示 最 大 文 持 两 个 浏览 器 实例 的 执行 。 


$ java -jar selenium-server-standalone-2. 37. 0. jar -role node -browser 
"seleniumProtocol =WebDriver, browserName =firefox, version =25, firefox 
binary 7 /home/selenium2/firefox25/firefox maxlnstances —2, platform = LINUX" - 
hubHost 192.168. 0. 104 


如 图 9.6 所 示 ，Linux Node 中 包含 两 个 Firefox 浏览 器 的 图 标 ， 即 表示 最 多 支持 两 个 
Firefox 浏览 器 实例 的 执行 。 
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Grid Console v.2.37.0 





DefaultRemoteProxy (version : 2.37.0) DefaultRemoteProxy (version : 2.37.0) 
id : http://172.16.122.1:5555, OS : MAC id : http://172.16.122.140:5555, OS : 


Browsers Browsers 
WebDriver 


WebDriver 
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view config 





图 9.6 Linux & Firefox 注册 到 Hub 后 的 Node fri 


*9.5.4 注册 Windows & Internet Explorer 
本 示例 以 Windows 操作 系统 和 Internet Explorer 23] Và 28 NAA HITER, Hor. 
1) seleniumProtocol 设置 为 Selenium ， 表 示 执 行 模式 为 Remote Control (legacy) 


2 ) PH uu VEA, Xon VA an 20 BJ SC HI A 个 。 
完整 的 命令 行 如 下 : 


> > 
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C: NSelenium2 > java -jar selenium-server-standalone-2. 37. O. jar -role node -browser 
"seleniumProtocol = Selenium, browserName -iexplore, version —10, 


maxinstances —4, platform = WINDOWS' -hubHost 192. 168. 0. 104 


如 图 9.7 PR, Windows Node 中 包含 4 个 Intemet Explorer 20| WASIKIE, HI dez Em 
支持 4 个 Intemet Explorer 20] wre 3-49] 8]3447 


eoe ) Grid Console x x 
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DefaultRemoteProxy (version : 2.37.0) DefaultRemoteProxy (version : 2.37.0) 
id : http://172.16.122.1:5555, OS : MAC id : http://192.168.0.112:5555, OS : 
Browsers feue] Browsers 

WebDriver Remote Control (legacy) 

v:150 vio € E E 


DefaultRemoteProxy (version : 2.37.0) 
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://172.16.122.140:5555, OS : LINUX 


Browsers 


WebDriver 
v:2589 © 





图 9.7 Windows & Internet Explorer 注册 到 Hub 后 的 Node fF. 
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*9.5.5 注册 Android & Chrome 


本 示例 以 Android 和 其 自 带 的 Chrome 浏览 器 为 组 合 进 行 前 述 。 
正如 前 面 所 涉及 的 Android WebDriver 环境 的 搭建 ， 需要 首先 设置 转发 接口 3 如 下 命令 
所 示 。 其 作用 是 确保 主机 与 Android 模拟 器 或 者 真 机 可 以 进行 通信 。 


$./adb -s «serialld > forward tcp :8080 tcp :8080 


如 果 是 在 Linux 环境 境 下 操作 ， 如 Ubuntu 操作 系统 ， 可 通过 如 下 命令 安装 socat 并 设置 端 
口 转发 。 其 作用 是 确保 在 另外 一 台 机 右上 也 可 以 访问 当前 机 器 上 的 Android WebDriver Serv- 


ero 


$ sudo apt-get install socat 


$ socat TCP-LISTEN:8889, fork TCP ; localhost ; 8080 


通过 上 面 的 设置 ， 就 可 以 在 网 络 上 任意 一 个 地 方 通过 如 下 地 址 来 访问 Android WebDriver 
Server T: 


http : ///hostname .8889/wb/ hub 


接 下 来 注册 Android 和 自 带 Chrome 浏览 器 组 合 的 Node 到 Hub， 命 令 如 下 。 其 中 端 
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为 8889。 
$ java -jar selenium-server-standalone-2. 37. O. jar -role node -browser 
"seleniumProtocol = WebDriver, browserName = android, version —4, maxlnstances = 


1, platform —ANDROID' -port 8889 -hubHost 192. 168. 0. 104 


如 图 9. 8 所 示 ， 注 册 成 功 后 的 Node 信息 显示 在 Hub 的 Console 中 。 可 以 看 到 那个 可 爱 
的 绿色 Android 小 机 器 人 。 


"a 


BB gcr corse < 


€ Œ | D 192.168.0.104:4444/grid/console aaora? A n 国 
i Apps 国 MyFavorite QJ] ves 国 capev QJ ec 外 投入 Q Algorithm Q VMware 国 HTMLS 季 Mac Q Cocos2d-x 


























Grid Console v.2.37.0 
DefaultRemoteProxy (version : 2.37.0 DefaultRemoteProxy (version : 2.37.0; 
WebDriver Remote Contro! (legacy) 
v:150 v:iio€ € E E 
DefaultRemoteProxy (version : 2.37.0; DefaultRemoteProxy (version : 2.37.0; 
WebDriver WebDriver 
v25% S v:4 


图 9.8 Android & Chrome 注册 到 Hub 后 的 Node 信息 





*9.5.6 注册 Appium-iOS & Safari 


针对 10S 平台 ， 在 本 书 中 重点 关注 如 何 通 过 Appium 这 个 框架 注册 Node 到 Hub 上 。 可 
以 编写 一 个 JSON 的 配置 文件 ， 包 括 相 关 的 操作 系统 信息 、 浏 览 器 类 型 和 版 本 信息 等 ， 然 后 
通过 Appium 的 命令 行 方 式 将 该 JSON 配置 文件 加 载 进 去 。 

JSON 配置 文件 的 范例 如 下 : 





"capabilities": 


[ 


"orowserName"; "safari", 
"version": "7. O", 
"maxinstances"; 1, 
"blatform': " MAC" 
| 
I; 


"configuration": 
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"cleanUpOycle'": 2000, 
"timeout":30000, 
"proxy"; "org. openqa. grid. selenium. proxy. DefaultRemoteProxy", 
"url"; "http ://192. 168. 0.104 :4723/ wd/hub', 
"maxSession": 1, 
"port"; 4723, 
"host". 92. 168. 0. 104", 
"register"; true, 
"registerOCycle". 5000, 
"hubPort". 4444, 


"hubHost"; 192.168. O. 104" 


JSON 配置 文件 主要 包括 两 个 部 分 : 

1) capabilities; 用 于 配置 操作 系统 、 浏 览 带 名 称 和 版 本 、 运 行 实例 等 信息 。 由 于 
org. openqa. selenium. platform 中 目前 并 没有 官方 直接 支持 i0S 类 型 ， 所 以 platform 使 用 MAC 
即 可 。 

2) configuration: 用 于 配置 与 Hub 交互 时 的 信息 。 

接 下 来 通过 如 下 命令 和 参数 --nodeconfig 加 载 写 好 的 JSON 配置 文件 : 














$ appium --nodeconfig node- jeson-appium-ios. cfg. json 
如 果 加 载 成 功 ,会 看 到 如 下 打印 信息 : 


info: Welcome to Appium vo.13.0 

















info: Appium REST http interface listener started on O. 0. 0. 0 :4723 

info - socket. io started 

info: starting auto register thread for grid. Will try to register every 5000 ms. 
info: Appium successfully registered with the grid on 192. 168. 0. 104 :4444 
debug: Appium request initiated at /wd/hub/status 

debug: Request received with params; || 

info: Responding to client with success; |'status";0, value": | "build": 


| "version"; "0. 13. 0", "revision"; "20c368f2963c73eb20cc3bcat 585346c31 fec387"| | | 


如 图 9. 9 HZR, DefaultRemoteProxy 的 版 本 号 是 0. 13.0, ， 正 是 本 示例 中 所 使 用 的 Appi- 


um 的 版 本 号 。 其 中 ，platform 为 MAC, Safari 浏览 器 的 版 本 为 7.0 (对 应 当前 最 新 的 i0S 
版 本 7.0)。 


*9.5.7 注册 多 个 不 同类 型 的 浏览 
如 果 需 要 在 一 个 Node 上 同时 运行 多 个 不 同类 型 的 浏览 器 实例 ， 可 以 通过 在 JSON BERE 














eoe E Grid Console 


Q [O 192.168.0.104:4444/grid/console 








Apps 国 Myfavorite 国 vPs 国 capev 国 Bc 国 投 稿 








c 
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RRE, 








Algorithm 


E 


vMware [HIML5 D] Mac 








3 


a 


ù E = 


] Cocos2d-x 1 




















Grid Console v.2.37.0 


DefaultRemoteProxy (version : 2.37.0) 


WebDriver 
v:150 


DefaultRemoteProxy (version : 2.37.0) 


WebDriver 
v:25 9 S 


Remote Control (legacy) 
v:108 E E E 


图 9.9  Appium-iOS & Safari 注册 到 Hub 后 的 Node 信息 


文件 中 将 所 有 能 支持 的 浏览 器 信息 定义 进去 ， 
息 注册 到 Hub 上 。 
JSON 配置 文件 示例 如 下 : 


"capabilities"; 


[ 


"browserName"; "firefox", 
"version". 23, 
"maxinstances"; 5, 


"seleniumProtocol". "WebDriver" 


"browserName"; "firefox", 
"version". 3.6, 
"maxinstances"; 5, 


"sSeleniumProtocol". "WebDriver" 


"browserName": "chrome", 








WebDriver 


vid 


WebDriver 
v:7.009 


DefaultRemoteProxy (version : 2.37.0) 








然后 再 通过 命令 行 方式 一 


次 





DefaultRemotePro: version : 2.37.0 


DefaultRemotePro: version : 0.13.0 


性 加 载 并 将 相关 信 
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"version". 28, 


"maxlnstances": 5, 


"seleniumProtocol'. "WebDriver" 


"browserName": "opera", 


"version"; 15, 


"maxlnstances": 1, 


"seleniumProtocol'. "WebDriver" 


"browserName": "safari", 


"version": 7.0, 


"maxlnstances": 3, 


"seleniumProtocol'. "WebDriver" 


| 
IE 


"configuration", 


| 


$ java -jar selenium-server-standalone-2. 37. O. jar -role node -nodeConfig node-json- 


"proxy": 
"maxSession'"; 5, 
"port". BB555, 

"host"; 192.168. 0.104, 
"register". true, 
"registerOycle". 5000, 
"hubPort". 4444, 


"hubHost"; 192.168.0. 104 


该 JSON 配置 文件 一 共 定 义 了 4 种 不 同类 型 的 浏览 需 
版 本 。 每 个 浏览 需 的 最 多 运行 实例 上 限 亦 不 相同 。 


org. openqga. grid. selenium. proxy. DefaultRemoteProxy", 





通过 以 下 命令 来 加 载 该 JSON 配置 文件 ， 并 同时 注册 到 Hub E: 


multiple-browsers. cfg. jeon 


如 图 9.10 所 示 ， 该 Node 上 的 操作 系统 为 MAC， 可 以 支持 的 浏览 器 信 


1) Chrome 浏览 器 ， 版 本 为 28 ， 
2) Opera 浏览 器 ， 版 本 为 15， 





运行 实例 上 限 为 5 个 。 
运行 实例 上 限 为 1 个 。 


， 其 中 Firefox 又 分 两 个 不 同 的 高 低 


息 分 别 如 下 : 


第 9 章 Selenium Grid 


3) Firefox 浏览 器 ， 版 本 为 3.6， 运 行 实例 上 限 为 5 个。 
4) Firefox 浏览 器 ， 版 本 为 23 ， 运 行 实 例 上 限 为 5 个 。 
5) Safari 浏览 器 ， 版 本 为 7， 运 行 实 例 上 限 为 3 个 。 





eoe J E Grid Console x \ 








€ > Q [O 192.168.0.104:4444/grid/console 
HI Apps 入 MyFavorite Q vrs (E caDev ec [488 G Algorithm (i 


"ue 
a 


SG Grid Console v.2.37.0 


DefaultRemoteProxy (version : 2.37.0) 
ttp://192.168.0.104: 5555, OS : MAC 


Browsers 


WebDriver 
v:28® e e e e 


v:15 

v:3.6® eee 
v:23) © eea 
v78 6 & 





view config 








图 9. 10 多 个 不 同类 型 的 浏览 右 注 册 到 Hub 后 的 Node 信息 


9.6 编写 Selenium Grid 的 测试 用 例 


针对 Selenium Grid 的 特点 ， 需 添加 如 下 代码 来 使 已 有 的 测试 用 例 代码 能 运行 在 Selenium 
Grid 环境 中 。 

1) 对 于 执行 模式 为 WebDriver 的 Node， 要 使 用 RemoteWebDriver 和 DesiredCapatilities ; 
示例 代码 段 如 下 : 


DesiredCapabilities firefoxCap = DesiredCapabilities. firefox( ) ; 


firefoxCap. setBrowserName( "firefox" ) ; 
firefoxCap. setVersion ("25") ; 


firefoxCap. setPlatform( "LINUX") ; 


WebDriver driver = new RemoteWebDriver( 


new URL( http: //localhost :4444/wd/hub") , firefoxCap) ; 


如 上 述 代码 所 示 ， 需 通过 DesiredCapabilities Kit E DU TX FH AE HH RS D] sa PR. DUI Va 
器 版 本 和 操作 系统 平台 。 这 样 就 可 以 确保 该 测试 用 例 被 Hub 分 配 到 同时 满足 以 上 三 个 条 件 
的 Node 上 执行 。 

2) 对 于 执行 模式 为 Remote Control 的 Node， 则 需 使 用 DefaultSelenium。 示 例 代 码 
段 如 下 : 
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Selenium selenium = new Defaultselenium( "localhost" , 


aa 


€ 


, 
* firefox" , 


* http://www. baidu. com" ) ; 


9.7 小 结 


本 章 介绍 了 什么 是 Selenium Grid， 及 其 架构 和 部 署 方法 。 分 别 介 绍 了 Hub 和 Node 的 特 
点 以 及 如 何 将 两 者 结合 起 来 使 用 ， 并 针对 不 同 的 操作 系统 平台 和 不 同 的 浏览 右 进 行 闻 述 。 除 
了 传统 的 操作 系统 平台 和 浏览 器 的 组 合 ， 还 涵盖 了 机 入 式 平台 的 浏览 器 ， 包 括 Android 
和 iOS, 
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10.1 E 人 





Selenium 是 本 书 介绍 的 主角 ， 当 然 光芒 四 射 。 但 要 让 主角 的 内 光 点 更 为 炮 眼 ， 配 角 的 戏 
份 也 不 能 少 。 本 章 将 介绍 与 Selenium 相关 的 其 他 辅助 性 测试 工具 或 者 套件 ， 为 测试 人 员 知 
识 面 的 广泛 性 提供 一 些 引 导 。 


10.2 Jenkins 


在 当前 流行 的 敏捷 开发 过 程 中 ，CI (Continuous Integration， 持 续集 成 ) 的 方法 和 工具 变 
得 越 来 越 重要 。 在 众多 的 CI 工具 中 ， 脱 新 而 出 的 就 是 这 里 要 介绍 的 Jenkins。 而 且 不 负 众 
ZH. Selenium 和 Jenkins 集成 得 非常 棒 。 

1) 到 这 里 下 载 并 安装 Jenkins: 


http://jenkins-ci. org/ 


2) 单 击 Jenkins Dashboard 上 的 Manage Jenkins， 如 图 10. 1 所 示 。 


€ > Œ [D localhost:8080/manage 
3 Apps 和 MyFavorite (ves 国 capev 


Jenkins 





























fw New Job 
à; People 


—7 Build History 


Manage Jenkins 
2. Manage Jenkins 


A Credentials 


Build Queue = 
图 10.1 Manage Jenkins 


3) 进入 Plugin Manager, 切换 到 Available 选项 卡 。 然 后 在 Filter 文本 框 中 输入 selenium Y 
plugin， 在 过 滤 列 表 中 选中 Selenium Plugin 并 进行 安装 ， 如 图 10.2 所 示 。 
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S8 £ Update Center Jenkins) x T 








e> C ín localhost:8080/pluginManager/available awl 多 和 明之 志 册 本国 用 = 三 

iii Apps [Lj wyFavorite 国 vPs 国 capev 国 sc 站 投稿 国 Aloorithm 国 vMware 国 HTML5S 国 Mac 国 cocoszd-x [E] Nodejs  » 
LÀ 

Jenkins (Q search —— A 

Jenkins » Plugin Manager 


会 Back to Dashboard 


Filter: | &4, selenium plugin| | 


Updates Available | Installed Advanced 
| Install 4 








x Manage Jenkins 















Name Version 
TestingBot Selenium Plugin 


This plugin allows for integration 
of TestingBot Selenium in Jenkins. 


Selenium Plugin 


This plugin turns your Jenkins cluster into a 2.3 
Selenium2 Grid cluster 
























1.5 


日 








| Install without restart | | Download now and install after restart | 





图 10.2 安装 Selenium Plugin 


4) 安装 Selenium Plugin 成 功 后 ， 在 Dashboard 界面 会 出 现 Selenium Grid 的 菜单 选项 ， 
如 图 10. 3 所 示 。 





eoe y (à Dashboard [Jenkins] x Ny 
e> C E localhost:8080 
iii Apps (E MyFavorite (2g ves (Eg Gapev (3 


Jenkins +» 


Œ New Job 


à People 








Z2 Build History 


e Selenium Grid 


2. Manage Jenkins 
» 


A Credentials 

















图 10.3 Selenium Grid 菜单 


5) 进入 Jenkins 一 Selenium Grid 一 Console Output， 可 以 看 到 Selenium Grid 已 经 随 Jenkins 
启动 ， 其 版 本 为 2 29. 0， 监 听 端 口 为 4444 ， 如 图 10.4 所 示 。 
6) 进入 Jenkins 一 Selenium Grid 一 Configuration 一 New configuration， 新 建 Node 配置 文件 
并 命名 为 Selenium Grid-WebDriver。 建 立成 功 后 的 信息 如 图 10. 5 所 示 。 
7) 进入 Jenkins 一 Manage Jenkins— Manage Nodes— Master— Selenium Node Management, 
M 可 以 看 到 之 前 新 建 的 Selenium Grid-WebDriver， 如 图 10.6 所 示 。 确 认 该 Node 的 Status 为 
Y Started 状态 ， 如 果 状 态 不 是 Started ， 请 单 击 Start 按钮 启动 该 Node 使 其 Status ZX Started, 
196 
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eoo y fi Selenium Hub Console lle” X ey 








e> C [5 localhost:8080/selenium/console 


sel sole ET 


iii Apps ” 国 MyFavorite @ vrs (Q Gabe 国 sc 和 投稿 Algorithm | VMware HTMLS (Mac 国 cocoszd-x Nodejs (i Selenium — (..] raspberry 
Jenkins 


Jenkins > Selenium Grid 













Starting Selenium Grid 


会 Back to Dashboard [Home] $ /Library/Java/JavaVirtualMachines/1.7.0.jdk/Contents/Home/jre/bin/java -cp 
/private/var/folders/Ox/f vyyf 14cn31zdjiv7 s03r00007h/T/jetty-0.0.0.0-8080-jenkins.war--any-/webapp/WEB- 
SR Status INF/lib/remoting-2.33.jar hudson.remoting.Launcher -cp /Users/Shared/Jenkins/Home/plugins/selenium/WEB- 
INF/lib/selenium-server-standalone-2.29.0.jar -connectTo localhost:50737 
"4^ Configuration: channel started 
s 2013-12-26 23:48:51.578:INFO:osjs.Server:jetty-7.x.yJ-SNAPSHOT 
put 2013-12-26 23:48:51.762:INFO:osjsh.ContextHandler:started o.s.j.s.ServletContextHandler4/,null 
Er 12-26 23:48:51.776:INFO:osjs.AbstractConnector:Started SocketConnectorQ0.0.0.0:4444 


10.4 Selenium Grid 启动 后 的 Console Output 

















G Selenium Grid Jenkins] x ' (gj Grid overview ac EE e 
€ > Œ [D localhost:8080/selenium/configurations 六 E l^. z 
fU Apps [X] MyFavorite Q vrs (2j GaDev Œ ec [E &8 O Algorithm vmware — [X] HTMLS Mac [jCocos2d-x (Nodejs (E Selenium — [3] raspberrypi » 
" 
Jenkins 
Jenkins  * Selenium Grid ENABLE AUTO REFRESH 
会 Piualn hae Type Delete Name 1 Matching type Description summary 
1 instances of Internet Explorer (version : Not specified) 
z Configurations Q © Selenium Grid - WebDriver Match all nodes 5 instances of Firefox (version : Not specified) 
rà 3 instances of Safari (version : Not specified) 











a Nodes matching configurations 


T New configuration 


10.5 Selenium Grid 的 Configurations 信息 
Jenkins 
Jenkins nodes . master + Selenium node Management 





会 aasetecompute (MSelenium Configuration 


Plugin home n Ji 
= Running configurations 





Name } Status Environment variables JVM options Selenium options Service actions 


-browser Restart 


seleniumProtocol=WebDriver,browserName=internet explorer,maxInstances-1i 
"browser 




















gm end - wWehoriver istarted seleniumProtocol -WebDriver,browserName-firefox,maxInstances- 5 Ed 
-browser 
seleniumProtocol- WebDriver,browserName- safari, maxInstances-3 Stop 





10.6 Selenium Node Management 
8) 再 次 在 浏览 器 中 打开 如 下 地 址 ， 如 图 10.7 所 示 ， 可 以 看 到 该 Node 的 信息 。 


http: //localhost : 4444/grid/console 





eoe; G Selenium Grid [Jenkins] JN E Grid overview x ia » 
e> C | [5 localhost:4444/grid/console 
f Apps MyFavorite VPS GaDev [BC 投稿 Algorithm 


Grid Hub 2.29.0 


DefaultRemoteProxy 


listening on http://192.168.0.42:5555 
test session time out after 300 sec. 


Supports up to 5 concurrent tests from: 
Cesedeee 


View config 
图 10.7 注册 到 Hub 后 的 Node 信息 
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关于 Jenkins Selenium Grid Plugin 的 信息 ， 请 关注 其 官方 页 面 : 
https:// wiki. jenkins-ci. org/display/JE NKINS/Selenium + Plugin 


9) 通过 Jenkins 添加 更 多 的 Nodes 就 可 以 完成 组 建 完 整 的 Selenium Grid 的 任务 。 





10.3 Web 前端 性 能 


*10.3.1 BrowserMob Proxy 


BrowserMob Proxy 是 一 个 开源 的 工具 ， 用 于 截取 浏览 器 中 页 面 加 载 性 能 相关 的 数据 信 
息 。 截 取 的 数据 格式 为 HTML Archive (HAR) ， 其 本 质 上 是 JSON 格式 的 文件 ， 用 来 存储 
HTTP 请 求 / 响 应 的 相关 信息 。HAR 满足 了 HTTP 监测 工具 以 一 种 通用 的 格式 导出 待 收集 的 
数据 ， 这 些 数据 可 以 被 其 他 支持 HAR 的 HTTP 分 析 工 具 所 使 用 ， 包括 Firebug, HttpWatch , 
Fiddler 等 。 通 过 这 些 收集 到 的 数据 ， 可 以 分 析 网 站 的 Web Bm EREXRSI, HAR 文件 必须 是 
UTF-8 编码 ， 有 无 BOM 并 无 影响 。 

结合 主角 Selenium WebDriver， 可 以 配合 BrowserMob Proxy 来 收集 Web 前 端的 性 能 数据 
信息 。 


BrowserMob Proxy 的 下 载 地 址 如 下 : 

















https : //github. com/lightbody/browsermob-proxy 


将 下 载 后 的 BrowserMob Proxy 文件 夹 中 lib 目录 下 的 JAR 文件 均 导 入 到 已 有 的 
SeleniumWebDriver 项 目 中 。 
下 面 以 打开 百度 主页 为 例 进行 曾 述 ， 示 例 代码 如 下 .、 


package com. learningselenium. web. frontier. perf ; 





import java. io. File; 


import org. openqa. selenium. WebDriver ; 

import org. openqa. selenium. firefox. FirefoxDriver ; 
import org. openqa. selenium. remote. DesiredCapabilities ; 
import org. openqa. selenium. remote. Capability Type; 
import org. openqa. selenium. Proxy ; 

import net. lightbody. bmp. proxy. ProxyServer ; 

import net. lightbody. bmp. core. har. Har; 


import junit. framework. TestCase; 


public class testBrowserMobProxy extends TestCase | 


public void testBaidu( ) throws Exception | 
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ProxyServer server = new ProxyServer( 9090) ; 


server. start( ) ; 
Proxy proxy = server. seleniumProxy ( ) ; 


DesiredCapabilities capabilities — new DesiredCapabilities( ) ; 


capabilities. setCapability ( Capability Type. PROXY , proxy) ; 
WebDriver driver = new FirefoxDriver( capabilities ) ; 
server. newHar( "baidu. com") ; 


driver. get( "http://www. baidu. com") ; 


Har har — server. getHar( ) ; 


File harFile = new File( "/Selenium2/HAR-baidu. com. json") ; 


har. writeTo( harFile) ; 
server. stop( ) ; 


driver. quit( ) ; 


示例 代码 详解 : 
1) 启动 BrowserMob Proxy, 并 设 定 端口 为 9090。 

2) 获取 Selenium proxy 对 象 。 

3) 配置 DesiredCapabilities 为 CapabilityType. PROXY。 
4) 启动 WebDriver。 

5) 新 建 HAR 并 命名 为 baidu. com。 示 例 代 码 段 如 下 : 





server. newHar( "baidu. com") ; 
6) 打开 百度 主页 并 获取 HAR 数据 。 示 例 代 码 段 如 下 : 


driver. get( "http://www. baidu. com") ; 





(isle imei = SAVE getHar( ) 3 
7) 将 获取 到 的 HAR 数据 写 入 文件 HAR-baidu. com. json。 示 例 代 码 段 如 下 : 


File harFile = new File("/Selenium2/HAR-baidu. com. json") ; 
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har. writeTo( harFile) ; 
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8) 停止 BrowserMob Proxy 并 退出 WebDriver。 
接 下 来 打开 如 下 chromeHAR 地 址 : 


http: //ericduran. github. io/chromeHAR/ 


将 生成 的 HAR-baidu. com. json 文件 拖 放 进去 ， 可 以 查看 数据 加 载 的 时 间 消 耗 ， 以 此 来 
评估 Web 前 端的 性 能 好 坏 ， 如 图 10. 8 所 示 。 


eo ej [À Chrome HAR Viewer x Na - — | m Eee 本 E 


& > Q D ericduran.github.io/chromeHAR/ Qvv|f 











itt Apps MyFavorite — [.:] vs GaDev BC [i8 [Algorithm VMware HTMLS [] Mac Cocos2d-x Nodejs Selenium 


Choose File Load sample HAR 





bdlogo.gif 200 £ 4308 l4ms 
Jimg GET OK image/gif 1.54KB 13ms 
~] gs.gif 200 3 E 439B 14ms 
GET f e 
[cache/global/img OK image/g! 918 11ms 
=] jquery-1.10.2.min f2fb5194.js 200 : 325B 301ms 
GET lication... 
288 | /rjwww/cache]static/jquery OK aaea 32.21KB 269ms 
=] home fdf92c9a.js GET 200 On 3158 370ms |_ 
E Ir/www/cache/static/global/js OK ER 和 9.21KB 356ms 
= tangram-1.3.4c1.0 07038476.js GET 200 Soplar 3288 191ms |. 
E /riwww/cache/static/global/js OK pp 23s 7.99KB 188ms 
=] u 3c3a904e.js E 200 Sonlicatian 310B 108ms | 
2S] /rjwww/cache/static/user/js OK pp 2 1.67KB 106ms 
icons_83f5cd75.png 200 348B 34ms 
[r/www|/cache/static/global/img SET OK image/png 10.42KB 18ms 
. ] baidusd.png 200 334B 19ms 
Jr/www]jcache/global/img ED OK Imageipng 3.12KB 17ms 





10.8 通过 HAR 评估 Web 前 端的 性 能 
*10.3.2  HttpWatch 


这 里 阐述 的 HttpWatch 是 i0S 系统 上 的 版 本 。 在 App Store 上 搜索 HttpWatch 即 可 ， 和 软件 
安装 界面 如 图 10.9 所 示 。 这 里 会 利用 7.3.3 节 中 的 Appium Æ i0S 真实 设备 上 启动 Safa- 
riLauncher， 进 而 启动 HttpWateh 来 测试 网 站 的 前 端 性 能 。 

如 果 和 希望 通过 代码 来 启动 i0S 真实 设备 上 的 HttpWatch 软件 来 打开 待 测试 页 面 ， 则 需要 
在 待 测试 页 面 的 URL 前 面 添加 hw， 如 下 所 示 : 

将 “http://” 调 整 为 “hwhnttp://” ,将 “https://” 调 整 为 “hwhttps://”。 

结合 7.3.3 节 中 的 示例 代码 ， 唯 一 需要 增加 的 工作 量 是 将 

driver. get( "http ; // www. baidu. com") ; 
调整 为 
driver. get( 'hwhttp ://www. baidu. com") ; 

以 Google 主页 为 例 的 完整 测试 代码 如 下 ， 细 节 不 再 袭 述 ， 请 参考 7.3.3 节 的 示例 代码 

详解 。 





eeeeo 中 国 移动 ^ ; 下 午 9:38 
《 Search 
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9 * 91% mm 


lp ox 




















HttpWatch Basic [17+] 
Simtec Limited > 





Reviews | 


Related | 











Carrier T 


Requests 


Browser 


W SSL certificates with extended val... > 





zx https://www.thawte.com/ > 

{} Di ea 0021/1 > 

ü assets/shared/js/globals.js > 
E | 

assets/shared/js/jquery.hoverlntent.minified jd > 

.es 

o, assets/shared/js/google-analytics.]s > 
| 

Q, assets/shared/js/mbox.js > 
el | 

ü assets/shared/js/search.js š 
i 

{} assetsisharedices/autocomplete.egs > 


p 


Featured 


D 


Top Charts Near Me 


图 10.9 


import java. net. URL; 


import java. util. concurrent. TimeUnit ; 


import junit. framework. TestCase; 


public void testGoogle( ) throws Exception | 


DesiredCapobilities safariCapabilities = 


safariCapabilities. setCapability ( "device", 





Search 


http;//www.google.ct 


== Web Image 


Get the Google Si 


Restaurants Coffee 


Q [m 


Updates 





iOS 版 本 的 HttpWatch 


package com. learningselenium. web. frontier. perf; 


import org. openqa. selenium. remote. DesiredCapobilities ; 


import org. openqa. selenium. remote. RemoteWebDriver ; 


public class testiOSAppiumHttpWatch extends Testoase| 


new DesiredCapabilities( ) ; 


"iphone") ; 
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safariCapabilities. setCapability ( "version", "7. O") ; 


safariCapabilities. setCapability( "app", "safari") ; 


RemoteWebDriver driver = new RemoteWebDriver( 


new URL( 'http:; //localhost :4723/wd/hub") , safaricCapabilities ) ; 
driver. manage( ). timeouts( ). implicitlywait( 30, TimeUnit. SECONDS) ; 
driver. get( 'hwhttp ; //www. google. com") ; 


driver. close( ) ; 





HttpWatch 会 记录 打开 页 面 上 元 素 加 载 的 性 能 ， 如 图 10. 10 所 示 。HttpWatch 的 开发 团队 
也 正在 继续 给 i0S 版 本 的 HttpWatch 添加 更 多 的 自动 化 接口 ， 方 便 开 发 人 员 调 用 和 调试 ， 包 
括 日 志 的 分 析 等 功能 。 





seeeo 中 国 移动 T 下 午 1:59 © * 89% TE, 
Browser Req Uests = 
Ww Google 
G www.google.com/ 
d 
.sg/?gws rd-cr&ei-olv...uvCMOH-iAeXsoDgDA 


ES https://www.google.co...uvCMOH-iAeXsoDgDA 
四 https://ssl.gstatic.com/...ges/m2_5f4b48de.png 
PNG | 
https://ssl.gstatic.com/.. n 


四 https://www.google.co...es/srpr/mlogo2x 3.png 


DA | https://www.google.co...13846390784-mbl.png 





N https://www.google.co...631 mma 
GIF 


o5 https://www.google.co...Hz3slF5klospr73Az7 VQ 





o. https:;//www.google.co...Hz3slF5klospr73Az7 VQ 


sna T » i 
NI https://clients1 -google.com.sg/generate 204 

















€ 10.10 Æ iOS HupWatch 中 查看 页 面 元 素 加 载 性 能 
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10.4 Ruby 的 光芒 


*10.4.1 Watir-WebDriver 





Watir ( Web Application Testing in Ruby) 是 一 个 用 于 Web 上 自动 化 的 Ruby 库 。 它 能 够 
驱动 各 主流 浏览 器 。 而 Watir-WebDriver 是 基于 Selenium. WebDriver 的 改良 版 本 。Jari 


Bakken 通过 将 Selenium 2.0 的 API 封装 成 Ruby 语言 版 本 的 Watir API 来 达到 目的 。 其 官 
方 网 址 如 下 : 


http : / /watirwebdriver. com/ 





1 








1. 安装 Watir-Webdriver 


$ sudo gem install watir-webdriver 


注意 : 
在 Mac 系统 上 安装 watir-webdriver 时 ,要 确保 系统 中 已 经 安装 了 Command Lines 


Tools。 如 果 没 有 , 则 通过 如 下 命令 进行 安装 : 


$ xcode-select -install 


或 者 到 苹果 官网 的 开发 者 社区 下 载 Command Line Toos 的 pkg 包 进 行 安 装 。 注 意 安 
装 后 要 重启 系统 。 接 下 来 可 以 继续 安装 watir-webdriver。 


注意 : 
如 果 遇 到 如 下 错误 提示 信息 : 


mkmf.rb can 't find header files for ruby at /System/Library/Frameworks/ 


Ruby. framework/Versions/2. o/usr/ib/ruby/include/ruby. h 


则 通过 建立 软 链接 的 方式 来 解决 : 





$ sudo In -s 
/System/ Library /Frameworks/Ruby. framework/Versions/2. 0/usr/include/ruby-2. 0. O 
/System/ Library /Frameworks/Ruby. framework/Versions/2. 0/usr/ib/ruby/ 


include 
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2. Watir-WebDriver 的 示例 
下 面 以 打开 百度 主页 ， 并 在 搜索 框 中 输入 watir-webdriver demo 关键 字 ， 然 后 进行 搜索 为 











例 来 初步 展示 使 用 watir-webdriver 的 Ruby 代码 基本 结构 。 


44-4 


204 


require 'watir-webdriver' 


browser = Watir: : Browser. new :firefox 


browser. goto "http://www. baidu. com/" 


browser. text field (; id = > 'kw") .set ('"watir-webdriver demo") 


browser. button (: id = > 'su") .click 


browser. close 
示例 代码 详解 
1) 导入 watir-webdriver 库 。 
2) 指定 Firefox 浏览 锅 来 完成 后 续 工作 。 
3) 启动 Firefox 并 打开 百度 主页 ， 然 后 完成 后 续 输 入 关键 字 并 进行 搜索 的 工作 。 
4) 任务 完成 后 关闭 浏览 器 。 




















*10.4.2 Capybara 


Capybara 也 是 Ruby 用 户 经 常用 到 的 模拟 用 户 与 应 用 程序 之 间 交 互 的 自动 化 工具 。 它 一 
般 使 用 Ruby 编写 的 领域 专用 语言 (Domain Specific Language, DSL) 来 描述 测试 用 例 。 其 官 
方 主页 如 下 : 


https://github. com/ jnicklas/capybara 








安装 Capybara: 
$ sudo gem install capybara 


典型 的 测试 代码 如 下 : 


require "capybara/dsl" 


Capybara. app. host = 'http: //www. google. com' 


Capybara. default wait time - 15 
Capybara. current driver = ; selenium 
include Capybara:: DSL 


visit WA 
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fill in "q", : with = > "Capybara" 
find Mobarow button") .click 


page. should have. content 'Capybaroa' 
示例 代码 详解 : 
1) 加 载 Capybara 的 DSL 库 。 
2) 设置 待 测试 页 面 为 Google 主页 和 等 待 延 时 。 
3) 设置 测试 驱动 为 Selenium WebDriver。 
4) 将 Capybara:: DSL 引入 进来 。 
5) 打开 测试 页 面 并 搜索 Capybara。 
6) 验证 页 面 上 的 内 容 包 含有 Capybara 关键 字 。 





10.5 JMeter 


JMeter 是 Apache 基金 会 开发 的 基于 Java 语言 的 性 能 测试 工具 。JMeter 可 以 模拟 巨大 的 
负载 ， 或 模拟 不 同类 型 的 压力 从 而 对 被 测试 对 象 进行 性 能 测试 。 其 官方 主页 如 下 : 
http: // jmeter. apache. org/ 
如 果 希 望 在 JMeter 中 使 用 Selenium WebDriver， 则 可 以 通过 安装 WebDriver 插件 的 方式 
实现 。 其 下 载 地 址 如 下 : 
http://jmeter-plugins. org/downloads/all/ 


如 图 10. 11 所 示 ， 下 载 相应 的 JMeter 版 本 即 可 。 





© O O / E Downloads :: JMeter-Plugi x \ 








= > Q [D jmeter-plugins.org/downloads/all/ 
iii Apps [Lu] MyFavorite (ves (Xj Gabev ec Ga Algorithm — C] VMware — Cz] HTMLS 
JMeter Plugins > Downloads 








œ JMeterPlugins-ExtrasLibs-1.1.2.zip, 4.22 MB, Oct 27, 2013, 
Extras with Libs Set 





(*&, JMeterPlugins-WebDriver-1.1.2.zip,|9.88 MB, Oct 27, 2013, 





WebbDriver Set 





œ JMeterPlugins-Hadoop-1.1.2.zip, 10.84 MB, Oct 27, 2013, 
Hadoop Set 





10.11. FÆ JMeterPlugins-WebDriver 


将 下 载 的 JMeterPlugins-WebDriver. zip 文件 解压 缩 后 的 [lb 中 的 所 有 文件 放置 到 JMeter 
的 /lib 目录 下 。 接 下 来 启动 JMeter 并 开始 示例 。 

在 JMeter 中 使 用 WebDriver 插件 的 步骤 如 图 10. 12 所 示 。 有 具体 步骤 包括 : 

1) 在 Test Plan 中 新 建 Thread Group。 

2) 添加 Config Element—HTTP Cookie Manager, 

3) 添加 Config Elementjp( gc-Firefox Driver Config, 
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4) 添加 Sampler 一 jp@ gc-WebDriver Sampler, 
5) 添加 Listener 一 View Results Tree, 


SA: Apache JMeter (2. 554548) 


File Edit Search Run Options Help 


(cire [ur Ie [x [G[|B[*[- || | [eje |o | [tete [bó 
CE XL [rome cR P CREDE 




































Y ü Test Plan 
Thread Groun 













Logic Controller > 





58) WorkBenc 


















Config Element Counter 
Cut EX | Timer >| CSV Data Set Config [ 
Copy XC Pre Processors >| FTP Request Defaults 
Paste xv Sampler » HTTP Authorization Manager 
Duplicate TEC Post Processors b HTTP Cache Manager 
Reset Gui Assertions » HTTP Cookie Manager 
Remove Delete Listener > HTTP Header Manager 
Open... poe HTTP Request Defaults E 
Merge nds): [1 Java Request Defaults | 
Save Selection As... JDBC Connection Configuration E 
| |1 jp@gc - Android Driver Config | 

Save Node As Image #G 3 jpaoc -Chrome Driver Confio 
Save Screen As Image 3eG pn until needed jp@ge = Firefox Driver Config 
moe Keystore Configuration 
Toggle XT LDAP Extended Request Defaults 

LDAP Request Defaults 
Help Login Config Element 

MongoDB Source Config 


Random Variable 
Simple Config Element 
TCP Sampler Config 
User Defined Variables 


10.12 ”在 JMeter 中 添加 WebDriver 插件 


按 步 又 建立 好 的 Test Plan 如 图 10. 13 所 示 。 


hd à Test Plan 
"E 
ju HTTP Cookie Manager 
Hit jp@gc - Firefox Driver Config 
g jp@gc - Web Driver Sampler 
View Results Tree 

WorkBench 

















T 














图 10.13 包含 WebDriver 的 Test Plan 


接 下 来 在 jp@ gc-Web Driver Sampler 中 添加 测试 代码 ， 如 图 10. 14 所 示 。 


wd) TestPlan 




















v Eo Thread Group jp@gc - Web Driver Sampler 
di HTTP Cookie Manager Name: |jp&gc - Web Driver Sampler 
Jii jp@gc - Firefox Driver Config 
jip@gc - Web Driver Sampler Comments: 
[F] View Results Tree @ Help on this plugin 








WorkBench Parameters 


Script (see below for variables that are defined) 

1 var pkg = JavaImporter(org.openqa. selenium) 

2 var support ui = Javalmporter(org.openga. selenium.support.ui.WebDriverWait) 
var wait = new support ui.WebDriverWait(WDS.browser, 5000) 








WDS.sampleResult.sampleStart() 
WDS.browser.get('http://wwwi.baidu.com') 

a var searchField = WDS.browser.findElement(pkg.By. id('kw')) 
10 SearchField.click() 

11 SearchField.sendKeys(['jmeter webdriver demo']) 

12 Var button = WDS.browser.findElement(pkg.By. id('su')) 

13 button.click() 


14 
15 WDS. sampleResult. samp leEndiif 


10.14 Web Driver Sampler 中 的 测试 代码 
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完整 测试 代码 如 下 : 


var pkg = Javalmporter( org. openqa. selenium ) 
var support ui — Javalmporter (org. openqga. selenium. support. ui. WebDriverWait ) 


var wait = new support, ui. WebDriverWwait ( WDS. browser, 5000) 
WDS. sampleResult. sampleStart () 
WDS. browser. get ('http; //www. baidu. com!) 


var searchField = WDS. browser. findElement (pkg. By. id (kw) ) 
searchField. click ( ) 

searchField. sendKeys ( |'jmeter webdriver demo!] ) 

var button = WDS. browser. findElement (pkg. By.id ('su')) 
button. click () 


WDS. sampleResult. sampleEnd () 


示例 代码 详解 : 

1) 导入 Selenium 的 Java 包 并 设置 延 时 。 

2) WDS. sampleResult. sampleStart ( ) 和 WDS. sampleResult. sampleEnd ( ) 用 于 跟踪 
sampler 的 执行 时 间 。 

3) 打开 竺 测试 页 面 地 址 ， 此 处 为 百度 主页 。 

4) 在 搜索 栏 中 输入 关键 字 并 单 击 搜索 按钮 进行 搜索 。 

5) 测试 结 

接 下 来 就 可 以 通过 打开 View Result Tree 来 查看 页 面 的 相关 性 能 ， 如 图 10. 15 所 示 。 本 
例 在 百度 中 进行 搜索 为 例 的 页 面 加载 时 间 为 7595ms。 


v à Test Plan 1 
v Er Thread Group View Results Tree 


Hi HTTP Cookie Manager 

Hit jp@gc - Firefox Driver Config 
P jp@gc - Web Driver Sampler Comments: 

r Write results to file / Read from file 


(S) WorkBench Filename | Browse.. | Log/Display Only: 口 Errors C 


FANipiagc - Web Driver Sampler EMEN Request 














Name: | View Results Tree 












































e Start 4 
atency: 
Size in bytes: 84086 
Headers size in bytes: 0 
Body size in bytes: 84086 
Sample Count: 1 

Error Count: 0 

Response code: 200 
Response message: OK 





Response headers: 


SampleResult fields: 
ContentType: text/plain 
DataEncoding: UTF-8 


10.15 通过 View Result Tree 查看 页 面 的 相关 性 能 
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10.6 Sikuli 


20 世纪 80 年 代 以 前 ， 使 用 计算 机 软件 需要 记忆 大 量 的 命令 才能 完成 相应 的 任务 。 随 后 
出 现 了 图 形 用 户 界面 (Graphical User Interface, GUI), HP 只 需要 借助 直观 的 按钮 或 其 他 视 
觉 元 素 即 可 操作 计算 机 。 但 GUI 的 出 现 并 没有 给 程序 员 带 来 根本 性 的 便利 ， 因 为 他 们 还 是 
需要 通过 编写 代码 来 实现 相应 的 功能 。 即 使 让 不 同 的 软件 相互 配合 ， 也 需要 进行 编码 才能 完 
成 调用 工作 。 

而 Sikuli 的 出 现 使 这 一 过 程 变 得 简单 而 有 趣 ， 只 需要 略 懂 一 点 编程 语言 的 用 户 就 可 以 完 
成 简单 的 编程 和 程序 之 间 的 调用 。 通 过 Sikuli ， 用 户 可 以 利用 截图 来 轻易 完成 程序 的 操作 和 
互相 调用 ， 用 最 少 的 代码 量 来 完成 所 需 操 作 。 

Sikuli 的 官方 主页 在 这 里 : 





http : / /www. Sikuli. org/ 


已 经 有 不 少 测试 机 构 利 用 这 一 工具 来 完成 功能 测试 ， 其 IDE 的 界面 如 图 10. 16 所 示 。 


P ouidesikuli-E£1-1 





[from guide import * 


dialog("This tutorial teaches you how to use Skype.") 
show() 


wm > No 











wait( |a] ) 
waitVanish( [a] ) EE zm , 
6|text( E : "This is the guy you will call") 
exists( [s]) 
mu 7|text( : "Click me to call") 
click( [s] ) 8 c1ickab1e (Q8) 
doubleClick( [| 
ES eam) 9|show() 
rightClick( [a] ) 10 
" : 
EIL E) 1 exickabie([ Cg) 
dragDrop( [sj , l'8]) 








text( : "Click me to enable video chat") 





Keyboard Actions. (8) 





type( text) 
type( [sj , text ) 
paste( text ) 











SIKUN VISION engine 10aded. 
VDictProxy 


loaded. 
paste( [s] , text ) [debug] close all ScreenHighlighter 

















[error] Error message: 
En 





10.16 Sikuli 的 主 界面 
为 了 将 Sikuli 与 Selenium WebDriver 结合 起 来 使 用 ， 这 里 推荐 一 个 解决 方案 ， 即 Sikuli- 
WebDriver， 如 图 10. 17 所 示 。 其 官方 地 址 如 下 : 
https://code. google. com/p/sikuli-api/ wiki/SikuliWebDriver 
下 载 地 址 如 下 : 
http: ///mvnrepository. com/artifact/org. sikuli/sikuli-webdriver 


在 这 里 引入 Sikuli 是 为 了 拓宽 一 下 读者 的 视野 ， 不 作为 本 书 的 阐述 对 象 。 在 其 官方 主页 
上 亦 给 出 了 如 何 与 Google 地 图 进行 交互 的 示例 代码 和 详细 说 明 ， 本 书 不 再 缆 述 。 
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E RY + 过 = SikuliFirefoxDriver 


图 10.17  SikuliFirefoxDriver 的 组 成 





10.7 小 结 





本 章 介 绍 了 围绕 Selenium 的 一 些 其 他 的 测试 工具 和 套件 ， 范 畴 涵盖 了 持续 集成 开发 工 
具 、Web 前 端 性 能 评估 、Ruby 自动 化 测试 套件 、 性 能 测试 工具 等 ， 为 测试 人 员 拓 宽 测 试 思 
路 起 到 了 一 定 的 导向 作用 。 
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